Mercedes Silver Color Psychology & Meaning
Mercedes silver is the color of the Silver Arrows — racing silver that reads as engineering excellence. Paired with black and a restrained blue, it signals precision, speed, and quiet luxury.
#1B1B1B
#C0C5CE
#E5E7EB
#0E4C92
Background
Primary Accent
Secondary
Body Text
Mercedes Silver Color Palette
#1B1B1B · #C0C5CE · #E5E7EB · #0E4C92
Fail
WCAG Grade
2.0:1
Contrast Ratio
620
Saves
1,900
AI Copies
Use #1B1B1B as the background. Use #C0C5CE as the primary accent. Use #E5E7EB as secondary. Use #0E4C92 as body text/supporting color. Palette mood: Mercedes Silver — premium, refined, technical.
Hex Codes, RGB & CMYK Color Values
Technical breakdown for the Mercedes Silver color scheme. Use these values for web design (HEX/RGB), print projects (CMYK), or specialized design software (HSL).
| Swatch | Design Role | HEX | RGB | CMYK | HSL |
|---|---|---|---|---|---|
| Background Luminance: 1.1% | 27, 27, 27 | 0%, 0%, 0%, 89% | 0°, 0%, 11% | ||
| Primary Accent Luminance: 55.6% | 192, 197, 206 | 7%, 4%, 0%, 19% | 219°, 13%, 78% | ||
| Secondary Luminance: 79.8% | 229, 231, 235 | 3%, 2%, 0%, 8% | 220°, 13%, 91% | ||
| Body Text Luminance: 7.3% | 14, 76, 146 | 90%, 48%, 0%, 43% | 212°, 83%, 31% |
Mercedes Silver Tints & Shades
Hover states, borders and elevation need lighter and darker steps of your base colors. Here are computed tints and shades for every color in the Mercedes Silver palette — click any swatch to copy its hex.
#1B1B1B neutral gray
#C0C5CE muted blue
#E5E7EB muted blue
#0E4C92 saturated cyan-blue
Mercedes Silver Palette Contrast Matrix (WCAG 2.1)
Every color tested as text on every other color as background. Body copy needs 4.5:1 (AA), large text and UI components 3:1. AAA requires 7:1.
| Text on Background | Preview | Ratio | Grade | Safe For |
|---|---|---|---|---|
| #E5E7EB on #1B1B1B |
Aa Sample Text
| 13.91:1 | AAA | Body text, headings, UI |
| #1B1B1B on #E5E7EB |
Aa Sample Text
| 13.91:1 | AAA | Body text, headings, UI |
| #C0C5CE on #1B1B1B |
Aa Sample Text
| 9.94:1 | AAA | Body text, headings, UI |
| #1B1B1B on #C0C5CE |
Aa Sample Text
| 9.94:1 | AAA | Body text, headings, UI |
| #0E4C92 on #E5E7EB |
Aa Sample Text
| 6.87:1 | AA | Body text, UI |
| #E5E7EB on #0E4C92 |
Aa Sample Text
| 6.87:1 | AA | Body text, UI |
| #0E4C92 on #C0C5CE |
Aa Sample Text
| 4.91:1 | AA | Body text, UI |
| #C0C5CE on #0E4C92 |
Aa Sample Text
| 4.91:1 | AA | Body text, UI |
| #0E4C92 on #1B1B1B |
Aa Sample Text
| 2.02:1 | Fail | Decorative use only |
| #1B1B1B on #0E4C92 |
Aa Sample Text
| 2.02:1 | Fail | Decorative use only |
| #E5E7EB on #C0C5CE |
Aa Sample Text
| 1.40:1 | Fail | Decorative use only |
| #C0C5CE on #E5E7EB |
Aa Sample Text
| 1.40:1 | Fail | Decorative use only |
Color Harmony: Triadic Scheme
The Mercedes Silver palette is built using a triadic relationship between its hues. This ensures that even with high-contrast accents, the overall scheme feels balanced and intentional.
Hue Wheel
A triadic palette is often preferred by professional designers because it balances visual interest with cohesion.
History & Design Context
The Silver Arrows legend began in 1934 when Mercedes stripped its white racers to meet weight limits, revealing bare aluminum. The silver has been part of the brand identity ever since.
Best Design Use Cases
Silver for chrome, highlights, and premium surfaces. Black for the canvas and vehicle sections. Light silver-gray for clean interfaces. Blue for the brand mark and interactive elements.
Industries This Palette Suits
Automotive, luxury vehicles, premium engineering, motorsport, mobility.
Colors That Pair Well With Mercedes Silver
Need a fifth color? These three companions are computed from the palette's own hue positions on the color wheel, so they extend the scheme without breaking its harmony.
orange
directly opposite #C0C5CE on the wheel — the strongest accent for CTAs and highlights when you need maximum energy
blue
30° beside #C0C5CE — a calm secondary that extends the palette without adding tension
tinted neutral
a paper-white carrying the palette's own hue — perfect for surfaces and dividers
Using Mercedes Silver Without Breaking Accessibility
- Use #C0C5CE for buttons and links — it scores 9.9:1 against the #1B1B1B background (above the 3:1 UI-components threshold).
- Don't set body copy in #0E4C92 on #1B1B1B — 2.0:1 fails WCAG AA; keep it for large decorative headings only.
- Don't use #E5E7EB behind body text — this light tone works better for surfaces, badges and dividers than for reading areas.
How to Implement the Mercedes Silver Color Scheme
To use this Mercedes Silver color palette in your web project, you can copy the following CSS variables or Tailwind CSS configuration. These roles ensure your UI maintains accessibility and visual hierarchy.
Option 1: CSS Variables
:root {
/* {name} Palette - ihatecolors.com */{'
'} --color-bg: {colors[0]};{'
'} --color-primary: {colors[1]};{'
'} --color-secondary: {colors[2]};{'
'} --color-text: {colors[3]};{'
'} {'}'}Web Design Tip
Use #1B1B1B for the main background and #C0C5CE for primary buttons. This creates a high-contrast focal point.
Accessibility Note
The contrast ratio between #0E4C92 and #1B1B1B is 2.02:1 (Fail). Ensure your body text remains legible.
Mercedes Silver Palette — Frequently Asked Questions
What are the hex codes in the Mercedes Silver color palette?
The Mercedes Silver palette contains #1B1B1B, #C0C5CE, #E5E7EB, #0E4C92. Click any swatch on this page to copy its value, or export all four at once as CSS variables, Tailwind config, SCSS or a Figma-ready list.
Is the Mercedes Silver color palette accessible (WCAG)?
Yes for its strongest pairings: #E5E7EB on #1B1B1B reaches 13.9:1 (AAA). For body text always keep a 4.5:1 ratio and for large UI elements 3:1 — the full contrast matrix above shows the exact score for every color-on-color combination in this palette.
What colors go well with the Mercedes Silver palette?
Beyond its own four colors, #BCB5A9, #C3C1CD, #EEECEC extend it naturally: the complementary hue for high-energy accents, an analogous neighbor for calm transitions, and a tinted neutral for surfaces. All three are computed from this palette's hues on the color wheel.
What mood does the Mercedes Silver palette create?
Mercedes Silver reads as premium, refined, technical. Muted blue drives the personality, grounded by neutral gray — a combination that works best when the deep base gets most of the canvas.
Can I use the Mercedes Silver color palette commercially?
Yes. Individual color values can't be copyrighted, so the Mercedes Silver palette is free for personal, client and commercial work — websites, branding, apps, print and social content, with no attribution required.
How do I add the Mercedes Silver palette to Tailwind or CSS?
Use the export panel on this page: CSS variables, a Tailwind config block, SCSS variables, or a Figma copy list are generated from Mercedes Silver's exact values, including the tint and shade ramps shown above.