Subaru color palette
AutomotiveSubaru's color identity is defined by a deep blue primary, complemented by silver, gold, and a range of neutral grays. The palette reflects the brand's reliability, heritage, and connection to performance and safety.
subaru.comSubaru colors
Click any swatch to copy its hex. Hover for RGB and HSL.
Brand colors
The colors people recognise.- Subaru BluePrimary1, 60, 116
- Subaru SilverSecondary162, 170, 173
- Subaru GoldAccent255, 215, 0
Surfaces
Page, cards and dividers.- Subaru WhiteBackground255, 255, 255
- Subaru Light GraySurface245, 246, 247
- Subaru Border GrayBorder209, 211, 212
Text
Three tiers of copy.- Subaru CharcoalText34, 34, 34
- Subaru GraphiteSecondary text75, 75, 75
- Subaru Medium GrayMuted text117, 117, 117
Semantic
Feedback and state colors.- Subaru Success GreenSuccess0, 122, 61
- Subaru Warning YellowWarning255, 184, 0
- Subaru Error RedError200, 16, 46
- Subaru Info BlueInfo0, 114, 206
Use Subaru's colors in your project
Pick a format, copy or download. Everything below is generated from the exact hex values above.
subaru-palette-colors.css · Paste into your global stylesheet.
:root {
--info: #0072CE;
--error: #C8102E;
--accent: #FFD700;
--border: #D1D3D4;
--primary: #013C74;
--success: #007A3D;
--surface: #F5F6F7;
--warning: #FFB800;
--secondary: #A2AAAD;
--text-muted: #757575;
--background: #FFFFFF;
--text-primary: #222222;
--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
15.9:1
Pass
Text on surface
Needs 4.5:1 for body text
14.7:1
Pass
Secondary text on background
Needs 4.5:1 for body text
8.7:1
Pass
Secondary text on surface
Needs 4.5:1 for body text
8.1:1
Pass
Muted text on background
Needs 3:1 for large text
4.6:1
Pass
Muted text on surface
Needs 3:1 for large text
4.3:1
Pass
Subaru gray and neutral colors
The quiet part of the Subaru palette: page background, card surfaces, dividers and the three text tones that sit on them. Click a value to copy it.
- Subaru WhiteBackground
- HEX
- RGB
- HSL
- Subaru Light GraySurface
- HEX
- RGB
- HSL
- Subaru Border GrayBorder
- HEX
- RGB
- HSL
- Subaru CharcoalText
- HEX
- RGB
- HSL
- Subaru GraphiteSecondary text
- HEX
- RGB
- HSL
- Subaru Medium GrayMuted text
- HEX
- RGB
- HSL
About Subaru's colors
Subaru's palette is anchored by a rich blue, symbolizing trust and stability, with metallic silver and gold accents for prestige. Neutral grays and whites provide clarity and balance for digital and print applications.
Primary blue contrasts with gold accent for emphasis.
Silver and gray tones unify backgrounds and surfaces.
Bright accent colors highlight key actions and information.
Psychology
The deep blue conveys reliability, safety, and confidence, aligning with Subaru's brand values. Silver and gold evoke a sense of quality and achievement.
Evolution
Subaru's core blue and silver palette has remained consistent for decades, reinforcing brand recognition. Minor updates have refined the grays and accent colors for digital clarity.
Where Subaru uses each color
- Primary
Used in the Subaru logo, navigation bars, and key call-to-action buttons.
- Secondary
Appears in the Subaru logo, vehicle badges, and as a supporting color in digital interfaces.
- Accent
Highlights special offers, awards, and the iconic Subaru star cluster.
- Backgrounds
White and light gray are used for website backgrounds and digital surfaces.
- Text
Charcoal and graphite grays are used for primary and secondary text in digital and print.
- Semantic
Green, yellow, and red are used for status indicators, alerts, and notifications in UI components.
Subaru color questions
Hex codes, RGB values, neutrals and how to use the palette.
The official Subaru primary color hex code is #013C74. This deep blue is used in the logo and key brand elements.
Subaru Blue (#013C74) is RGB(1, 60, 116) and CMYK(99, 48, 0, 55). Use these values for accurate color reproduction in digital and print.
Subaru uses several grays: Subaru Light Gray (#F5F6F7), Border Gray (#D1D3D4), Charcoal (#222222), Graphite (#4B4B4B), and Medium Gray (#757575). These provide structure and legibility in UI and print.
Use Subaru Blue (#013C74) for primary branding, with silver and gold as accents. Grays and whites should structure backgrounds, surfaces, and text for clarity and accessibility.
The secondary color is Subaru Silver, #A2AAAD, and the accent is Subaru Gold, #FFD700. 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 Subaru's colors consistently when it generates UI.
Make something in the spirit of Subaru
Start from this palette's mood and get an original 13-color system for your own project, contrast-checked and ready to export.