Dodge color palette
AutomotiveDodge's color identity is defined by its bold, high-contrast use of Dodge Red, black, and metallic grays, reflecting its performance-driven automotive heritage. The palette is simple and aggressive, emphasizing power and speed.
dodge.comDodge colors
Click any swatch to copy its hex. Hover for RGB and HSL.
Brand colors
The colors people recognise.- Dodge RedPrimary212, 10, 11
- Dodge BlackSecondary0, 0, 0
- Dodge SilverAccent167, 169, 172
Surfaces
Page, cards and dividers.- Dodge Dark GrayBackground26, 26, 26
- Dodge Surface GraySurface35, 35, 35
- Dodge Border GrayBorder77, 77, 77
Text
Three tiers of copy.- Dodge WhiteText255, 255, 255
- Dodge SilverSecondary text167, 169, 172
- Dodge Muted GrayMuted text117, 117, 117
Semantic
Feedback and state colors.- Dodge Success GreenSuccess67, 176, 42
- Dodge Warning YellowWarning255, 194, 14
- Dodge Error RedError212, 10, 11
- Dodge Info BlueInfo0, 114, 206
Use Dodge's colors in your project
Pick a format, copy or download. Everything below is generated from the exact hex values above.
dodge-palette-colors.css · Paste into your global stylesheet.
:root {
--info: #0072CE;
--error: #D40A0B;
--accent: #A7A9AC;
--border: #4D4D4D;
--primary: #D40A0B;
--success: #43B02A;
--surface: #232323;
--warning: #FFC20E;
--secondary: #000000;
--text-muted: #757575;
--background: #1A1A1A;
--text-primary: #FFFFFF;
--text-secondary: #A7A9AC;
}Contrast and accessibility
Every text tone tested against every surface, per WCAG 2.1.
Text on background
Needs 4.5:1 for body text
17.4:1
Pass
Text on surface
Needs 4.5:1 for body text
15.7:1
Pass
Secondary text on background
Needs 4.5:1 for body text
7.4:1
Pass
Secondary text on surface
Needs 4.5:1 for body text
6.7: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.4:1
Pass
Dodge gray, dark and neutral colors
Dodge runs a dark interface, so these grays carry the layout: background, sidebar surfaces, dividers and three tiers of text. Click a value to copy it.
- Dodge Dark GrayBackground
- HEX
- RGB
- HSL
- Dodge Surface GraySurface
- HEX
- RGB
- HSL
- Dodge Border GrayBorder
- HEX
- RGB
- HSL
- Dodge WhiteText
- HEX
- RGB
- HSL
- Dodge SilverSecondary text
- HEX
- RGB
- HSL
- Dodge Muted GrayMuted text
- HEX
- RGB
- HSL
About Dodge's colors
Dodge's palette is built around a high-impact red, supported by deep blacks and metallic grays for a modern, aggressive feel. The limited color range enhances brand recognition and visual clarity.
Primary red contrasts with black and silver for strong visual hierarchy.
Neutral grays provide balance and support for UI elements.
Accent colors are used sparingly to highlight actions or status.
Psychology
Red evokes excitement, speed, and power, aligning with Dodge's performance image. Black and gray add sophistication and a sense of strength.
Evolution
Dodge's palette has remained consistent, with Dodge Red and black as core elements for decades. Minor adjustments have been made to gray tones for digital clarity.
Where Dodge uses each color
- Primary
Dodge Red is used for logos, primary buttons, and key highlights across digital and print materials.
- Secondary
Dodge Black dominates backgrounds, navigation bars, and vehicle badging.
- Accent
Dodge Silver appears in UI accents, borders, and metallic finishes on vehicles.
- Backgrounds
Dodge Dark Gray is the default website and app background.
- Text
Dodge White is used for primary text, while Dodge Silver and Muted Gray are used for secondary and muted text.
- Semantic
Success, warning, error, and info colors are used for status indicators and alerts in digital interfaces.
Dodge color questions
Hex codes, RGB values, neutrals and how to use the palette.
The official Dodge brand color hex code is #D40A0B, known as Dodge Red.
Dodge Red (#D40A0B) is RGB(212, 10, 11) and CMYK(0, 95, 95, 17).
Dodge uses several grays: Dodge Dark Gray (#1A1A1A), Surface Gray (#232323), Border Gray (#4D4D4D), and Muted Gray (#757575) for backgrounds and UI elements.
Use Dodge Red (#D40A0B) for primary actions and branding, with black and gray tones for backgrounds and structure. Accent and semantic colors should be used sparingly for emphasis and status.
The secondary color is Dodge Black, #000000, and the accent is Dodge Silver, #A7A9AC. 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 Dodge's colors consistently when it generates UI.
Make something in the spirit of Dodge
Start from this palette's mood and get an original 13-color system for your own project, contrast-checked and ready to export.