Automotive
Smart Color Codes
Smart's badge sets a silver C beside a yellow-green arrow, on a bright #D7E600. The Smart color codes in Hex, RGB and CMYK can be found below. The brand began in 1994 as a joint venture between Mercedes-Benz and the watch maker Swatch; it is now a Mercedes and Geely venture building only electric cars. Its city-car rival is Mini.
Primary colors
What are Smart Primary Colors?
Smart's primary color is a yellow-green #D7E600, beside a silver C.
Smart publishes no public hex sheet; the green is measured from brand material.
Smart Primary
| Hex | #D7E600 |
|---|---|
| RGB | 215, 230, 0 |
| HSL | hsl(64, 100%, 45%) |
| CMYK | 7%, 0%, 100%, 10%converted · approximate |
| Pantone | PMS 388 Cnearest match · not published by the brand |
Smart Hex Color Codes
Smart hex color codes are #D7E600 for primary.
| Color | Hex |
|---|---|
| Primary | #D7E600 |
Smart RGB Color Codes
Smart RGB color codes are 215, 230, 0 for primary. Reach for RGB when a tool wants channel numbers or a CSS alpha value.
| Color | RGB |
|---|---|
| Primary | rgb(215, 230, 0) |
Smart HSL Color Codes
Smart HSL color codes are 64, 100%, 45% for primary. Change the third value for a lighter or darker version without moving the hue.
| Color | HSL |
|---|---|
| Primary | hsl(64, 100%, 45%) |
Smart CMYK Color Code
Smart CMYK color codes are conversions from the hex, because the brand publishes none. Check a printed proof before a full run.
| Color | CMYK |
|---|---|
| Primary | 7%, 0%, 100%, 10% |
Smart Pantone Color Codes
Smart Pantone color codes are nearest matches by color distance, not brand specs. The table shows the closest swatch for every color.
| Color | Nearest Pantone |
|---|---|
| Primary | PMS 388 C |
Logo
Smart Logo Colors
Smart logo colors are silver and a yellow-green, on the C-and-arrow mark.
Smart Logo Colors Palette
What the Smart Logo Colors Mean?
The Smart logo colors mark out two ideas. The silver C stands for compact, the whole point of the car. The yellow-green arrow curves forward to signal forward thinking. The name itself is a back-formation: Swatch Mercedes ART. The bright green is the brand's signal color.
Smart Logo Color History
Smart logo color history keeps the C-and-arrow from the start, with the green shifting between a softer lime and the current sharper yellow-green. The all-electric relaunch under Geely kept the mark and refreshed the shade.
Smart Logo Fonts
Smart logo fonts are a lowercase custom sans for the wordmark, not sold. A rounded lowercase geometric such as a light Futura covers it.
Smart Logo JPG
Smart logo in JPG. No transparency, so it is flattened onto white. Safe for documents and slide decks.
Smart Logo PNG
Smart logo in PNG, with a transparent background. Use it over a colored surface.
Smart Logo WebP
Smart logo in WebP. Same transparency as the PNG at about a third of the file size.
Smart Color Code Shades
Smart color code shades step evenly from the primary toward black, for hover states, borders and shadows.
These are interface steps, not Smart paint or trim names.
In code
Using the Smart palette
CSS custom properties
:root {
--smart-primary: #D7E600;
}Contrast against white
| Primary | 1.38:1AA × |
|---|
Brand colors are chosen for recognition, not for legibility. A failing value here is normal. It means use it as a fill, not as text.