Fiat color palette
AutomotiveFiat's color identity centers on a distinctive deep red, complemented by clean whites and dark grays for a modern, approachable automotive brand presence. The palette is used consistently across digital, print, and vehicle branding.
fiat.comFiat colors
Click any swatch to copy its hex. Hover for RGB and HSL.
Brand colors
The colors people recognise.- Fiat RedPrimary148, 23, 17
- Fiat WhiteSecondary255, 255, 255
- Fiat SilverAccent196, 196, 196
Surfaces
Page, cards and dividers.- Fiat Light GrayBackground246, 246, 246
- Fiat Panel GraySurface229, 229, 229
- Fiat Border GrayBorder209, 209, 209
Text
Three tiers of copy.- Fiat CharcoalText34, 34, 34
- Fiat Medium GraySecondary text102, 102, 102
- Fiat Muted GrayMuted text165, 165, 165
Semantic
Feedback and state colors.- Fiat GreenSuccess75, 175, 79
- Fiat YellowWarning247, 181, 0
- Fiat Error RedError215, 38, 61
- Fiat BlueInfo25, 118, 210
Use Fiat's colors in your project
Pick a format, copy or download. Everything below is generated from the exact hex values above.
fiat-palette-colors.css · Paste into your global stylesheet.
:root {
--info: #1976D2;
--error: #D7263D;
--accent: #C4C4C4;
--border: #D1D1D1;
--primary: #941711;
--success: #4BAF4F;
--surface: #E5E5E5;
--warning: #F7B500;
--secondary: #FFFFFF;
--text-muted: #A5A5A5;
--background: #F6F6F6;
--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.7:1
Pass
Text on surface
Needs 4.5:1 for body text
12.6:1
Pass
Secondary text on background
Needs 4.5:1 for body text
5.3:1
Pass
Secondary text on surface
Needs 4.5:1 for body text
4.6:1
Pass
Muted text on background
Needs 3:1 for large text
2.3:1
Fail
Muted text on surface
Needs 3:1 for large text
2.0:1
Fail
Fiat gray and neutral colors
The quiet part of the Fiat palette: page background, card surfaces, dividers and the three text tones that sit on them. Click a value to copy it.
- Fiat Light GrayBackground
- HEX
- RGB
- HSL
- Fiat Panel GraySurface
- HEX
- RGB
- HSL
- Fiat Border GrayBorder
- HEX
- RGB
- HSL
- Fiat CharcoalText
- HEX
- RGB
- HSL
- Fiat Medium GraySecondary text
- HEX
- RGB
- HSL
- Fiat Muted GrayMuted text
- HEX
- RGB
- HSL
About Fiat's colors
Fiat's palette is anchored by a signature red, evoking Italian heritage and energy, balanced by neutral grays and whites for clarity and modernity. The supporting colors are used sparingly to highlight actions and information.
Primary red is contrasted with white for maximum legibility.
Grays provide neutral backgrounds and surfaces.
Accent silver and blue are used for highlights and informational elements.
Psychology
The deep red projects passion, confidence, and Italian flair, while the clean neutrals convey reliability and approachability. Accent colors add clarity and guide user attention.
Evolution
Fiat's core red has remained consistent for decades, reinforcing brand recognition. The use of modern grays and minimal accent colors has increased in digital applications.
Where Fiat uses each color
- Primary
Used in the Fiat logo, key buttons, and major calls-to-action across digital and print.
- Secondary
Backgrounds, navigation bars, and vehicle exteriors often feature Fiat White.
- Accent
Fiat Silver highlights trims, icons, and subtle UI elements.
- Backgrounds
Fiat Light Gray is the default background for web pages and app screens.
- Text
Fiat Charcoal is used for main body text, with Medium and Muted Grays for secondary and disabled text.
- Semantic
Fiat Green, Yellow, Red, and Blue are used for status indicators, alerts, and informational banners.
Fiat color questions
Hex codes, RGB values, neutrals and how to use the palette.
The official Fiat primary color hex code is #941711. This deep red is used in the logo and key brand elements.
Fiat Red (#941711) in RGB is (148, 23, 17). In CMYK, it is approximately (0, 84, 88, 42).
Fiat uses several grays in its UI: Fiat Light Gray (#F6F6F6), Panel Gray (#E5E5E5), Border Gray (#D1D1D1), and Charcoal (#222222) for text. These neutrals provide a clean, modern backdrop for the brand's red.
Fiat Red (#941711) should be reserved for primary actions and branding, while neutrals and accents support content and navigation. Use semantic colors like Fiat Green (#4BAF4F) and Fiat Blue (#1976D2) only for status and alerts.
The secondary color is Fiat White, #FFFFFF, and the accent is Fiat Silver, #C4C4C4. 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 Fiat's colors consistently when it generates UI.
Make something in the spirit of Fiat
Start from this palette's mood and get an original 13-color system for your own project, contrast-checked and ready to export.