Tesla

Tesla's brand palette is built on Tesla Red (#E82127) and a dark-first canvas. The brand identity is restrained and technical: the saturated red wordmark and "T" mark against a deep, near-black canvas, with white type and a small neutral ramp. Tesla is a dark-first surface in its consumer product (the in-car UI is dark by design) and in its marketing site's hero treatments; the brand atom declares dark as identity.

9 swatches 14 light roles 14 dark roles teslaautomotiveevbrandreddark-first

Swatches

tesla-red
#E82127
Tesla's signature brand red — the wordmark, the "T" mark, and high-priority highlights.
tesla-red-deep
#B91A1F
Pressed / hover variant of Tesla Red for interactive states.
tesla-black
#000000
Canonical canvas — the brand's identity surface; Tesla.com hero modules and the in-car UI default to black.
tesla-near-black
#0F0F10
Surface color just above true black — used for the dark product chrome and elevated dark surfaces.
tesla-charcoal
#1C1C1F
Elevated surface — modal headers, card backgrounds on the dark canvas.
tesla-graphite
#3A3A3D
Border on dark surfaces; secondary surface on light.
tesla-silver
#86868B
Tertiary text and icon color on the dark canvas; secondary text on light.
tesla-pearl
#D6D6D9
Light surface neutral; secondary text on dark.
tesla-white
#FFFFFF
Primary text on the dark canvas; canvas for light-mode marketing surfaces.

Mode role mappings

Light mode (14 roles)

accent → tesla-red
accent-hover → tesla-red-deep
background → tesla-white
border → tesla-pearl
error → tesla-red-deep
primary → tesla-red
primary-hover → tesla-red-deep
success → tesla-silver
surface → tesla-pearl
surface-elevated → tesla-white
text-primary → tesla-black
text-secondary → tesla-charcoal
text-tertiary → tesla-silver
warning → tesla-red

Dark mode (14 roles)

accent → tesla-red
accent-hover → tesla-red-deep
background → tesla-black
border → tesla-graphite
error → tesla-red-deep
primary → tesla-red
primary-hover → tesla-red-deep
success → tesla-white
surface → tesla-near-black
surface-elevated → tesla-charcoal
text-primary → tesla-white
text-secondary → tesla-pearl
text-tertiary → tesla-silver
warning → tesla-red

Provenance

Source
https://raw.githubusercontent.com/simple-icons/simple-icons/13.0.0/_data/simple-icons.json
License
Proprietary — All Rights Reserved
Attribution
Tesla, Inc. — Tesla, the Tesla wordmark, and the Tesla "T" mark are trademarks of Tesla, Inc. The signature red (#E82127) is verified via the simple-icons brand database (v13.0.0).
Imported
2026-05-19
Notes
Only Tesla Red (#E82127) is verified from a single authoritative source. The supporting near-black canvas, surface ramp, and white text values are authored complements faithful to tesla.com's product chrome and the in-car UI aesthetic; they are not lifted verbatim from a single Tesla-published token table. Tesla does not maintain a publicly visible brand-guidelines page.