Alfa Romeo color palette
AutomotiveAlfa Romeo's color identity centers on a deep, sophisticated red complemented by metallic greens, silvers, and rich neutrals, reflecting its Italian heritage and performance legacy. The palette is used consistently across vehicles, digital interfaces, and brand materials.
alfaromeo.comAlfa Romeo colors
Click any swatch to copy its hex. Hover for RGB and HSL.
Brand colors
The colors people recognise.- Alfa RedPrimary152, 30, 50
- Quadrifoglio GreenSecondary27, 77, 62
- Alfa SilverAccent207, 207, 207
Surfaces
Page, cards and dividers.- Alfa WhiteBackground255, 255, 255
- Light Panel GreySurface244, 244, 244
- Panel Divider GreyBorder217, 217, 214
Text
Three tiers of copy.- Alfa CharcoalText34, 34, 34
- Secondary GreySecondary text90, 90, 90
- Muted GreyMuted text140, 140, 140
Semantic
Feedback and state colors.- Quadrifoglio GreenSuccess27, 77, 62
- Warning YellowWarning242, 193, 0
- Error RedError193, 18, 31
- Info BlueInfo0, 102, 177
Use Alfa Romeo's colors in your project
Pick a format, copy or download. Everything below is generated from the exact hex values above.
alfa-romeo-palette-colors.css · Paste into your global stylesheet.
:root {
--info: #0066B1;
--error: #C1121F;
--accent: #CFCFCF;
--border: #D9D9D6;
--primary: #981E32;
--success: #1B4D3E;
--surface: #F4F4F4;
--warning: #F2C100;
--secondary: #1B4D3E;
--text-muted: #8C8C8C;
--background: #FFFFFF;
--text-primary: #222222;
--text-secondary: #5A5A5A;
}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.9:1
Pass
Text on surface
Needs 4.5:1 for body text
14.5:1
Pass
Secondary text on background
Needs 4.5:1 for body text
6.9:1
Pass
Secondary text on surface
Needs 4.5:1 for body text
6.3:1
Pass
Muted text on background
Needs 3:1 for large text
3.4:1
Pass
Muted text on surface
Needs 3:1 for large text
3.1:1
Pass
Alfa Romeo gray and neutral colors
The quiet part of the Alfa Romeo palette: page background, card surfaces, dividers and the three text tones that sit on them. Click a value to copy it.
- Alfa WhiteBackground
- HEX
- RGB
- HSL
- Light Panel GreySurface
- HEX
- RGB
- HSL
- Panel Divider GreyBorder
- HEX
- RGB
- HSL
- Alfa CharcoalText
- HEX
- RGB
- HSL
- Secondary GreySecondary text
- HEX
- RGB
- HSL
- Muted GreyMuted text
- HEX
- RGB
- HSL
About Alfa Romeo's colors
Alfa Romeo's palette is anchored by its iconic red, symbolizing passion and performance, with supporting greens and silvers for heritage and luxury. Neutral greys and whites provide clarity and balance in digital and print contexts.
Red and green reference Italian racing heritage.
Silver and grey evoke technology and modernity.
Neutrals support legibility and focus on the primary red.
Psychology
The deep red conveys excitement, energy, and Italian passion, while green and silver add a sense of tradition and prestige. The neutral tones ensure the brand feels premium and accessible.
Evolution
Alfa Romeo's color palette has remained consistent for decades, with 'Alfa Red' always at the core. Recent updates have refined the supporting neutrals for improved digital accessibility.
Where Alfa Romeo uses each color
- Primary
Alfa Red is used for main call-to-action buttons, highlights, and key brand marks.
- Secondary
Quadrifoglio Green appears in performance branding, racing insignia, and select accents.
- Accent
Alfa Silver is featured in UI elements, trim details, and backgrounds.
- Backgrounds
Alfa White and Light Panel Grey are used for website backgrounds and vehicle brochures.
- Text
Alfa Charcoal and Secondary Grey are used for primary and secondary text across digital and print.
- Semantic
Warning Yellow, Error Red, and Info Blue are used for alerts, notifications, and system statuses.
Alfa Romeo color questions
Hex codes, RGB values, neutrals and how to use the palette.
The official Alfa Romeo primary color hex code is #981E32. This is known as 'Alfa Red' and is used across all core brand materials.
Alfa Red (#981E32) has RGB values of (152, 30, 50) and CMYK values of (0, 80, 67, 40). Always use the hex code #981E32 for digital applications.
Alfa Romeo uses Light Panel Grey (#F4F4F4), Panel Divider Grey (#D9D9D6), and several text greys like #222222 and #5A5A5A for UI and backgrounds. These ensure clarity and a premium look in digital and print interfaces.
Use Alfa Red (#981E32) for primary actions and highlights, with supporting colors for accents and backgrounds. Neutrals and semantic colors ensure accessibility and clear hierarchy in all brand communications.
The secondary color is Quadrifoglio Green, #1B4D3E, and the accent is Alfa Silver, #CFCFCF. 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 Alfa Romeo's colors consistently when it generates UI.
Make something in the spirit of Alfa Romeo
Start from this palette's mood and get an original 13-color system for your own project, contrast-checked and ready to export.