Maserati color palette
AutomotiveMaserati's color identity is defined by a deep, refined blue paired with elegant silvers and crisp whites, reflecting the brand's Italian luxury heritage. The palette emphasizes sophistication and timelessness, supporting both digital and physical brand touchpoints.
maserati.comMaserati colors
Click any swatch to copy its hex. Hover for RGB and HSL.
Brand colors
The colors people recognise.- Maserati BluePrimary12, 35, 64
- Maserati SilverSecondary167, 169, 172
- Maserati Light SilverAccent229, 230, 231
Surfaces
Page, cards and dividers.- Maserati WhiteBackground255, 255, 255
- Maserati Off WhiteSurface245, 246, 247
- Maserati Pale SilverBorder209, 211, 212
Text
Three tiers of copy.- Maserati Blue TextText12, 35, 64
- Maserati CharcoalSecondary text34, 34, 34
- Maserati GrayMuted text109, 110, 113
Semantic
Feedback and state colors.- Maserati GreenSuccess75, 159, 74
- Maserati AmberWarning245, 166, 35
- Maserati RedError208, 2, 27
- Maserati AzureInfo0, 114, 206
Use Maserati's colors in your project
Pick a format, copy or download. Everything below is generated from the exact hex values above.
maserati-palette-colors.css · Paste into your global stylesheet.
:root {
--info: #0072CE;
--error: #D0021B;
--accent: #E5E6E7;
--border: #D1D3D4;
--primary: #0C2340;
--success: #4B9F4A;
--surface: #F5F6F7;
--warning: #F5A623;
--secondary: #A7A9AC;
--text-muted: #6D6E71;
--background: #FFFFFF;
--text-primary: #0C2340;
--text-secondary: #222222;
}Contrast and accessibility
Every text tone tested against every surface, per WCAG 2.1.
Text on background
Needs 4.5:1 for body text
15.8:1
Pass
Text on surface
Needs 4.5:1 for body text
14.6:1
Pass
Secondary text on background
Needs 4.5:1 for body text
15.9:1
Pass
Secondary text on surface
Needs 4.5:1 for body text
14.7:1
Pass
Muted text on background
Needs 3:1 for large text
5.1:1
Pass
Muted text on surface
Needs 3:1 for large text
4.7:1
Pass
Maserati background, border and text colors
The quiet part of the Maserati palette: page background, card surfaces, dividers and the three text tones that sit on them. Click a value to copy it.
- Maserati WhiteBackground
- HEX
- RGB
- HSL
- Maserati Off WhiteSurface
- HEX
- RGB
- HSL
- Maserati Pale SilverBorder
- HEX
- RGB
- HSL
- Maserati Blue TextText
- HEX
- RGB
- HSL
- Maserati CharcoalSecondary text
- HEX
- RGB
- HSL
- Maserati GrayMuted text
- HEX
- RGB
- HSL
About Maserati's colors
Maserati's palette is built around a signature deep blue, complemented by metallic silvers and neutral whites. This scheme evokes luxury, performance, and a sense of Italian craftsmanship.
Primary blue contrasts with bright white backgrounds.
Silvers are used for subtle accents and UI elements.
Dark blue anchors navigation and brand marks.
Psychology
The deep blue conveys trust, exclusivity, and stability, while silver accents add a sense of modernity and precision. The overall effect is one of understated luxury and high performance.
Evolution
Maserati's palette has remained consistent, with blue and silver as core elements since the brand's early years. Minor adjustments have been made for digital clarity, but the identity is stable.
Where Maserati uses each color
- Primary
Maserati Blue is used for navigation bars, headers, and prominent brand elements.
- Secondary
Maserati Silver appears in UI highlights, icons, and vehicle badging.
- Accent
Maserati Light Silver is used for backgrounds and subtle interface elements.
- Backgrounds
Maserati White and Off White are used for page backgrounds and content areas.
- Text
Maserati Blue and Charcoal are used for primary and secondary text across digital and print.
- Semantic
Green, amber, red, and azure are reserved for status indicators and notifications.
Maserati color questions
Hex codes, RGB values, neutrals and how to use the palette.
The official Maserati primary color is #0C2340, known as Maserati Blue. This color is used in the logo and key brand elements.
Maserati Blue (#0C2340) has an RGB value of (12, 35, 64). In CMYK, it is approximately (81, 45, 0, 75).
Maserati uses several silvers and grays, including Maserati Silver (#A7A9AC), Pale Silver (#D1D3D4), and Maserati Gray (#6D6E71). These are used for backgrounds, borders, and muted text.
Use Maserati Blue (#0C2340) for primary navigation and branding, with silvers and whites for backgrounds and accents. Semantic colors are reserved for UI feedback and should not overpower the core palette.
The secondary color is Maserati Silver, #A7A9AC, and the accent is Maserati Light Silver, #E5E6E7. Together with the primary they make up the three brand colors at the top of this page.
6 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 Maserati's colors consistently when it generates UI.
Make something in the spirit of Maserati
Start from this palette's mood and get an original 13-color system for your own project, contrast-checked and ready to export.