Tesla's palette is almost ascetic — one blue, three grays, and white. Every surface is monochrome to let photography dominate.
Primary
Electric Blue
#3E6AE1
Primary CTA buttons — the only chromatic color
Pure White
#FFFFFF
Background, surfaces, secondary buttons
Surface & Background
Light Ash
#F4F4F4
Alternate surface, hover states
Carbon Dark
#171A20
Dark surface, hero overlays
Frosted Glass
rgba(255,255,255,0.75)
Nav backdrop-filter on scroll
Neutrals & Text
Carbon Dark
#171A20
Headings, navigation text
Graphite
#393C41
Body text, secondary content
Pewter
#5C5E62
Tertiary text, sub-links
Silver Fog
#8E8E8E
Placeholders, disabled states
Cloud Gray
#EEEEEE
Borders, divider lines
Pale Silver
#D0D1D2
UI borders, delineation
Typography Scale
Universal Sans Display for heroes, Universal Sans Text for everything else. Only weights 400 and 500. Shown with Inter as the closest available Google Font substitute.
Model Y
Hero Title — 40px / 500 / 48px line-height / Universal Sans Display
0% APR Available
Promo Text — 22px / 400 / Universal Sans Text / white on dark
Model 3
Product Name — 17px / 500 / 20px line-height / Universal Sans Text
Vehicles Energy Charging Discover Shop
Nav Item — 14px / 500 / 16.8px line-height / Universal Sans Text
Tesla's website is an exercise in radical subtraction — a digital showroom where the product is everything and the interface is almost nothing.
Body Text — 14px / 400 / 20px line-height / Universal Sans Text