Ford color palette
AutomotiveFord's brand color system is centered around its iconic deep blue, complemented by crisp whites and strong grays for a modern, trustworthy automotive identity. The palette is used consistently across digital and print materials to reinforce brand recognition.
ford.comFord colors
Click any swatch to copy its hex. Hover for RGB and HSL.
Brand colors
The colors people recognise.- Ford BluePrimary0, 39, 78
- Ford WhiteSecondary255, 255, 255
- Ford Accent BlueAccent0, 114, 206
Surfaces
Page, cards and dividers.- Ford Light GrayBackground247, 247, 247
- Ford Surface GraySurface229, 229, 229
- Ford Border GrayBorder199, 201, 199
Text
Three tiers of copy.- Ford BlackText26, 26, 26
- Ford Dark GraySecondary text75, 75, 75
- Ford Muted GrayMuted text125, 125, 125
Semantic
Feedback and state colors.- Ford Success GreenSuccess75, 175, 79
- Ford Warning YellowWarning255, 199, 44
- Ford Error RedError215, 38, 61
- Ford Info BlueInfo0, 114, 206
Use Ford's colors in your project
Pick a format, copy or download. Everything below is generated from the exact hex values above.
ford-palette-colors.css · Paste into your global stylesheet.
:root {
--info: #0072CE;
--error: #D7263D;
--accent: #0072CE;
--border: #C7C9C7;
--primary: #00274E;
--success: #4BAF4F;
--surface: #E5E5E5;
--warning: #FFC72C;
--secondary: #FFFFFF;
--text-muted: #7D7D7D;
--background: #F7F7F7;
--text-primary: #1A1A1A;
--text-secondary: #4B4B4B;
}Contrast and accessibility
Every text tone tested against every surface, per WCAG 2.1.
Text on background
Needs 4.5:1 for body text
16.2:1
Pass
Text on surface
Needs 4.5:1 for body text
13.8:1
Pass
Secondary text on background
Needs 4.5:1 for body text
8.1:1
Pass
Secondary text on surface
Needs 4.5:1 for body text
6.9:1
Pass
Muted text on background
Needs 3:1 for large text
3.8:1
Pass
Muted text on surface
Needs 3:1 for large text
3.3:1
Pass
Ford gray and neutral colors
The quiet part of the Ford palette: page background, card surfaces, dividers and the three text tones that sit on them. Click a value to copy it.
- Ford Light GrayBackground
- HEX
- RGB
- HSL
- Ford Surface GraySurface
- HEX
- RGB
- HSL
- Ford Border GrayBorder
- HEX
- RGB
- HSL
- Ford BlackText
- HEX
- RGB
- HSL
- Ford Dark GraySecondary text
- HEX
- RGB
- HSL
- Ford Muted GrayMuted text
- HEX
- RGB
- HSL
About Ford's colors
Ford's palette is anchored by a deep blue, symbolizing trust and dependability, with supporting neutrals for clarity and professionalism. Accent blue and functional colors are used for hierarchy and accessibility.
Primary blue paired with white for strong contrast.
Accent blue highlights interactive elements.
Grays provide neutral backgrounds and surfaces.
Psychology
The deep blue evokes reliability and heritage, while the whites and grays add a sense of modernity and openness. Accent blue signals innovation and action.
Evolution
Ford's core blue has remained consistent for decades, reinforcing brand recognition. The supporting palette has evolved slightly for digital clarity and accessibility.
Where Ford uses each color
- Primary
Used in the Ford logo, navigation bars, and key call-to-action buttons.
- Secondary
Backgrounds, text, and areas requiring high contrast.
- Accent
Highlights, links, and interactive UI elements.
- Backgrounds
Applied to page backgrounds and content sections for a clean look.
- Text
Primary and secondary text throughout digital and print materials.
- Semantic
Success, warning, error, and info colors are used for alerts, notifications, and status indicators.
Ford color questions
Hex codes, RGB values, neutrals and how to use the palette.
The official Ford primary color hex code is #00274E. This is known as Ford Blue.
Ford Blue (#00274E) in RGB is 0, 39, 78. In CMYK, it is approximately 100, 50, 0, 69.
Ford uses several grays in its UI, including Ford Light Gray (#F7F7F7), Ford Surface Gray (#E5E5E5), and Ford Border Gray (#C7C9C7). These provide structure and clarity in digital interfaces.
Primary blue (#00274E) should dominate key brand elements, while accent blue (#0072CE) is reserved for highlights and CTAs. Neutrals and semantic colors support readability and accessibility.
The secondary color is Ford White, #FFFFFF, and the accent is Ford Accent Blue, #0072CE. 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 Ford's colors consistently when it generates UI.
Make something in the spirit of Ford
Start from this palette's mood and get an original 13-color system for your own project, contrast-checked and ready to export.