Honda color palette
AutomotiveHonda's brand color system centers on its iconic red, supported by a neutral palette of deep blacks and grays for clarity and professionalism. The palette is consistent across digital, print, and product applications, reflecting Honda's engineering precision and reliability.
honda.comHonda colors
Click any swatch to copy its hex. Hover for RGB and HSL.
Brand colors
The colors people recognise.- Honda RedPrimary228, 5, 33
- Honda BlackSecondary26, 26, 26
- Honda SilverAccent176, 178, 181
Surfaces
Page, cards and dividers.- Honda WhiteBackground255, 255, 255
- Honda Light GraySurface245, 245, 245
- Honda Border GrayBorder209, 211, 212
Text
Three tiers of copy.- Honda Text BlackText26, 26, 26
- Honda Text GraySecondary text109, 110, 113
- Honda Muted SilverMuted text176, 178, 181
Semantic
Feedback and state colors.- Honda Success GreenSuccess0, 154, 68
- Honda Warning YellowWarning255, 184, 28
- Honda Error RedError228, 5, 33
- Honda Info BlueInfo0, 118, 192
Use Honda's colors in your project
Pick a format, copy or download. Everything below is generated from the exact hex values above.
honda-palette-colors.css · Paste into your global stylesheet.
:root {
--info: #0076C0;
--error: #E40521;
--accent: #B0B2B5;
--border: #D1D3D4;
--primary: #E40521;
--success: #009A44;
--surface: #F5F5F5;
--warning: #FFB81C;
--secondary: #1A1A1A;
--text-muted: #B0B2B5;
--background: #FFFFFF;
--text-primary: #1A1A1A;
--text-secondary: #6D6E71;
}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
16.0:1
Pass
Secondary text on background
Needs 4.5:1 for body text
5.1:1
Pass
Secondary text on surface
Needs 4.5:1 for body text
4.7:1
Pass
Muted text on background
Needs 3:1 for large text
2.1:1
Fail
Muted text on surface
Needs 3:1 for large text
1.9:1
Fail
Honda gray and neutral colors
The quiet part of the Honda palette: page background, card surfaces, dividers and the three text tones that sit on them. Click a value to copy it.
- Honda WhiteBackground
- HEX
- RGB
- HSL
- Honda Light GraySurface
- HEX
- RGB
- HSL
- Honda Border GrayBorder
- HEX
- RGB
- HSL
- Honda Text BlackText
- HEX
- RGB
- HSL
- Honda Text GraySecondary text
- HEX
- RGB
- HSL
- Honda Muted SilverMuted text
- HEX
- RGB
- HSL
About Honda's colors
Honda's palette is dominated by a vivid red, symbolizing energy and passion, balanced by neutral blacks, whites, and grays for a technical, modern look. Accent colors are used sparingly to highlight information and actions.
Primary red contrasts with black and white for maximum visibility.
Grays and silvers provide neutral backgrounds and UI elements.
Accent blue and green are reserved for informational and status cues.
Psychology
Honda Red conveys excitement, confidence, and a sense of movement, while the neutral tones reinforce trust and professionalism. The palette supports a clear, approachable user experience.
Evolution
Honda's core red and black palette has remained stable for decades, reinforcing brand recognition. Minor adjustments to gray tones and accent colors have occurred to align with digital accessibility standards.
Where Honda uses each color
- Primary
Honda Red is used for logos, primary buttons, and key highlights on the website and marketing materials.
- Secondary
Honda Black appears in navigation bars, footers, and headline text.
- Accent
Honda Silver is used for UI dividers, icons, and subtle highlights.
- Backgrounds
Honda White and Light Gray are used for page backgrounds and content sections.
- Text
Text Black is for main body copy, while Text Gray and Muted Silver are for secondary and disabled text.
- Semantic
Success Green, Warning Yellow, Error Red, and Info Blue are used for status messages, alerts, and notifications.
Honda color questions
Hex codes, RGB values, neutrals and how to use the palette.
The official Honda primary color is Honda Red, hex code #E40521. This color is used for the logo and key brand elements.
Honda Red (#E40521) is RGB(228, 5, 33) and CMYK(0, 98, 86, 11). Always use the hex code #E40521 for digital applications.
Honda uses Honda Black (#1A1A1A), Honda Silver (#B0B2B5), and Honda Light Gray (#F5F5F5) for backgrounds and UI elements. These neutrals provide contrast and support for the primary red.
Use Honda Red (#E40521) for primary actions and branding, with neutrals for backgrounds and text. Accent and semantic colors should be used sparingly for status and informational cues.
The secondary color is Honda Black, #1A1A1A, and the accent is Honda Silver, #B0B2B5. 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 Honda's colors consistently when it generates UI.
Make something in the spirit of Honda
Start from this palette's mood and get an original 13-color system for your own project, contrast-checked and ready to export.