Volvo color palette
AutomotiveVolvo's brand color system is defined by a deep blue primary, complemented by neutral grays and metallic accents, reflecting the brand's Scandinavian heritage and commitment to safety and sophistication.
volvocars.comVolvo colors
Click any swatch to copy its hex. Hover for RGB and HSL.
Brand colors
The colors people recognise.- Volvo BluePrimary0, 48, 87
- Volvo Silver GraySecondary140, 143, 145
- Volvo Gold AccentAccent255, 209, 0
Surfaces
Page, cards and dividers.- Volvo Light GrayBackground245, 246, 247
- Volvo WhiteSurface255, 255, 255
- Volvo Border GrayBorder217, 217, 214
Text
Three tiers of copy.- Volvo CharcoalText34, 34, 34
- Volvo Medium GraySecondary text110, 110, 110
- Volvo Muted GrayMuted text167, 169, 172
Semantic
Feedback and state colors.- Volvo GreenSuccess0, 122, 61
- Volvo AmberWarning255, 181, 0
- Volvo RedError200, 16, 46
- Volvo Info BlueInfo0, 107, 166
Use Volvo's colors in your project
Pick a format, copy or download. Everything below is generated from the exact hex values above.
volvo-palette-colors.css · Paste into your global stylesheet.
:root {
--info: #006BA6;
--error: #C8102E;
--accent: #FFD100;
--border: #D9D9D6;
--primary: #003057;
--success: #007A3D;
--surface: #FFFFFF;
--warning: #FFB500;
--secondary: #8C8F91;
--text-muted: #A7A9AC;
--background: #F5F6F7;
--text-primary: #222222;
--text-secondary: #6E6E6E;
}Contrast and accessibility
Every text tone tested against every surface, per WCAG 2.1.
Text on background
Needs 4.5:1 for body text
14.7:1
Pass
Text on surface
Needs 4.5:1 for body text
15.9:1
Pass
Secondary text on background
Needs 4.5:1 for body text
4.7:1
Pass
Secondary text on surface
Needs 4.5:1 for body text
5.1:1
Pass
Muted text on background
Needs 3:1 for large text
2.2:1
Fail
Muted text on surface
Needs 3:1 for large text
2.4:1
Fail
Volvo gray and neutral colors
The quiet part of the Volvo palette: page background, card surfaces, dividers and the three text tones that sit on them. Click a value to copy it.
- Volvo Light GrayBackground
- HEX
- RGB
- HSL
- Volvo WhiteSurface
- HEX
- RGB
- HSL
- Volvo Border GrayBorder
- HEX
- RGB
- HSL
- Volvo CharcoalText
- HEX
- RGB
- HSL
- Volvo Medium GraySecondary text
- HEX
- RGB
- HSL
- Volvo Muted GrayMuted text
- HEX
- RGB
- HSL
About Volvo's colors
Volvo's palette is built around a deep blue, supported by metallic grays and subtle accent colors to convey reliability and Scandinavian minimalism. The system balances strong brand presence with understated elegance.
Primary blue pairs with silver gray for a modern, technical feel.
Accent gold highlights key actions and details.
Neutral backgrounds and surfaces ensure clarity and accessibility.
Psychology
The deep blue communicates trust, safety, and professionalism, aligning with Volvo's brand values. Neutral grays and metallics reinforce a sense of quality and timelessness.
Evolution
Volvo's color palette has remained consistent, with minor refinements to gray and accent tones to enhance digital clarity. The primary blue has been a core element for decades, maintaining strong brand recognition.
Where Volvo uses each color
- Primary
Used in the Volvo logo, navigation bars, and primary call-to-action buttons.
- Secondary
Appears in backgrounds, UI elements, and supporting graphics.
- Accent
Highlights important features, links, and interactive elements.
- Backgrounds
Applied to page backgrounds and large content areas for a clean, open feel.
- Text
Charcoal and gray tones are used for primary, secondary, and muted text across digital and print.
- Semantic
Green, amber, and red are used for status indicators and feedback messages in digital interfaces.
Volvo color questions
Hex codes, RGB values, neutrals and how to use the palette.
The official Volvo primary color hex code is #003057. This deep blue is central to the brand's identity.
Volvo Blue (#003057) is RGB(0, 48, 87) and CMYK(100, 45, 0, 66). Always use the hex code #003057 for digital applications.
Volvo uses several grays, including Volvo Silver Gray (#8C8F91) and Volvo Light Gray (#F5F6F7), for backgrounds and interface elements. These neutrals provide contrast and support accessibility.
The primary blue (#003057) is reserved for key brand elements and actions, while grays and white are used for backgrounds and surfaces. Accent and semantic colors highlight important information and status.
The secondary color is Volvo Silver Gray, #8C8F91, and the accent is Volvo Gold Accent, #FFD100. Together with the primary they make up the three brand colors at the top of this page.
4 of 6 text and background pairings meet WCAG 2.1 AA contrast. The contrast section above shows every pairing with its exact ratio.
Use the export block on this page. It gives you CSS custom properties, a Tailwind config, W3C design tokens or a shadcn/ui theme built from these exact hex values, with copy and download buttons.
Yes. Export the Claude Code skill, Cursor rules or Codex prompt from the same block. The agent then applies Volvo's colors consistently when it generates UI.
Make something in the spirit of Volvo
Start from this palette's mood and get an original 13-color system for your own project, contrast-checked and ready to export.