Ferrari color palette
AutomotiveFerrari's color identity is defined by its iconic red, supported by a palette of bold yellows, deep blacks, and neutral grays. The brand's colors reflect its racing heritage and luxury automotive status.
ferrari.comFerrari colors
Click any swatch to copy its hex. Hover for RGB and HSL.
Brand colors
The colors people recognise.- Ferrari RedPrimary212, 0, 0
- Ferrari YellowSecondary255, 242, 0
- Ferrari BlackAccent0, 0, 0
Surfaces
Page, cards and dividers.- Ferrari Light GrayBackground247, 247, 247
- Ferrari WhiteSurface255, 255, 255
- Ferrari Silver GrayBorder224, 224, 224
Text
Three tiers of copy.- Ferrari CharcoalText34, 34, 34
- Ferrari Medium GraySecondary text102, 102, 102
- Ferrari Muted GrayMuted text160, 160, 160
Semantic
Feedback and state colors.- Ferrari Racing GreenSuccess39, 174, 96
- Ferrari Warning YellowWarning255, 195, 0
- Ferrari Error RedError199, 0, 0
- Ferrari BlueInfo0, 85, 164
Use Ferrari's colors in your project
Pick a format, copy or download. Everything below is generated from the exact hex values above.
ferrari-palette-colors.css · Paste into your global stylesheet.
:root {
--info: #0055A4;
--error: #C70000;
--accent: #000000;
--border: #E0E0E0;
--primary: #D40000;
--success: #27AE60;
--surface: #FFFFFF;
--warning: #FFC300;
--secondary: #FFF200;
--text-muted: #A0A0A0;
--background: #F7F7F7;
--text-primary: #222222;
--text-secondary: #666666;
}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.9: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
5.4:1
Pass
Secondary text on surface
Needs 4.5:1 for body text
5.7:1
Pass
Muted text on background
Needs 3:1 for large text
2.4:1
Fail
Muted text on surface
Needs 3:1 for large text
2.6:1
Fail
Ferrari gray and neutral colors
The quiet part of the Ferrari palette: page background, card surfaces, dividers and the three text tones that sit on them. Click a value to copy it.
- Ferrari Light GrayBackground
- HEX
- RGB
- HSL
- Ferrari WhiteSurface
- HEX
- RGB
- HSL
- Ferrari Silver GrayBorder
- HEX
- RGB
- HSL
- Ferrari CharcoalText
- HEX
- RGB
- HSL
- Ferrari Medium GraySecondary text
- HEX
- RGB
- HSL
- Ferrari Muted GrayMuted text
- HEX
- RGB
- HSL
About Ferrari's colors
Ferrari's palette is dominated by a vibrant red, accented by yellow and black, reflecting speed and prestige. Neutral grays and whites provide balance and usability in digital and print contexts.
Primary red and yellow are complementary and evoke the Italian flag.
Black and gray tones ground the palette for luxury and legibility.
Accent blue is used sparingly for informational highlights.
Psychology
Red signifies passion, performance, and excitement, core to Ferrari's brand. Yellow adds energy and is historically linked to Modena, Ferrari's birthplace.
Evolution
Ferrari's palette has remained remarkably consistent, with red always at the forefront. Minor adjustments to gray and accent tones have been made for digital clarity.
Where Ferrari uses each color
- Primary
Ferrari Red is used for car liveries, call-to-action buttons, and key highlights.
- Secondary
Ferrari Yellow appears in the logo shield, badges, and select UI elements.
- Accent
Ferrari Black is used for navigation bars, text, and trim details.
- Backgrounds
Ferrari Light Gray and White are used for website backgrounds and content areas.
- Text
Charcoal and Medium Gray are used for primary and secondary text across digital and print.
- Semantic
Racing Green, Warning Yellow, Error Red, and Ferrari Blue are used for status indicators and notifications.
Ferrari color questions
Hex codes, RGB values, neutrals and how to use the palette.
The official Ferrari primary color hex code is #D40000. This is known as Ferrari Red.
Ferrari Red (#D40000) is RGB(212, 0, 0) and CMYK(0, 100, 100, 17). These values are used for digital and print consistency.
Ferrari uses Ferrari Light Gray (#F7F7F7), Ferrari Silver Gray (#E0E0E0), and Ferrari Charcoal (#222222) for backgrounds, borders, and text. These ensure clarity and a premium feel.
Ferrari Red (#D40000) should dominate key elements, with yellow and black as accents. Grays and whites provide structure and legibility in digital and print applications.
The secondary color is Ferrari Yellow, #FFF200, and the accent is Ferrari Black, #000000. 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 Ferrari's colors consistently when it generates UI.
Make something in the spirit of Ferrari
Start from this palette's mood and get an original 13-color system for your own project, contrast-checked and ready to export.