Acura color palette
AutomotiveAcura's color identity is defined by a sophisticated black primary, complemented by metallic silvers and cool neutrals, reflecting its premium automotive positioning. The palette is minimal, emphasizing luxury and precision.
acura.comAcura colors
Click any swatch to copy its hex. Hover for RGB and HSL.
Brand colors
The colors people recognise.- Acura BlackPrimary0, 0, 0
- Acura SilverSecondary192, 192, 192
- Acura Metallic GrayAccent167, 169, 172
Surfaces
Page, cards and dividers.- Acura Light GrayBackground245, 245, 245
- Acura WhiteSurface255, 255, 255
- Acura Border GrayBorder209, 211, 212
Text
Three tiers of copy.- Acura Black TextText0, 0, 0
- Acura Dark Gray TextSecondary text77, 77, 77
- Acura Muted Gray TextMuted text140, 140, 140
Semantic
Feedback and state colors.- Acura Success GreenSuccess76, 175, 80
- Acura Warning YellowWarning255, 193, 7
- Acura Error RedError211, 47, 47
- Acura Info BlueInfo25, 118, 210
Use Acura's colors in your project
Pick a format, copy or download. Everything below is generated from the exact hex values above.
acura-palette-colors.css · Paste into your global stylesheet.
:root {
--info: #1976D2;
--error: #D32F2F;
--accent: #A7A9AC;
--border: #D1D3D4;
--primary: #000000;
--success: #4CAF50;
--surface: #FFFFFF;
--warning: #FFC107;
--secondary: #C0C0C0;
--text-muted: #8C8C8C;
--background: #F5F5F5;
--text-primary: #000000;
--text-secondary: #4D4D4D;
}Contrast and accessibility
Every text tone tested against every surface, per WCAG 2.1.
Text on background
Needs 4.5:1 for body text
19.3:1
Pass
Text on surface
Needs 4.5:1 for body text
21.0:1
Pass
Secondary text on background
Needs 4.5:1 for body text
7.8:1
Pass
Secondary text on surface
Needs 4.5:1 for body text
8.5:1
Pass
Muted text on background
Needs 3:1 for large text
3.1:1
Pass
Muted text on surface
Needs 3:1 for large text
3.4:1
Pass
Acura gray and neutral colors
The quiet part of the Acura palette: page background, card surfaces, dividers and the three text tones that sit on them. Click a value to copy it.
- Acura Light GrayBackground
- HEX
- RGB
- HSL
- Acura WhiteSurface
- HEX
- RGB
- HSL
- Acura Border GrayBorder
- HEX
- RGB
- HSL
- Acura Black TextText
- HEX
- RGB
- HSL
- Acura Dark Gray TextSecondary text
- HEX
- RGB
- HSL
- Acura Muted Gray TextMuted text
- HEX
- RGB
- HSL
About Acura's colors
Acura's palette uses black and metallic tones to convey luxury, strength, and modernity. The restrained use of color supports a premium, timeless brand image.
Primary black anchors the UI and brand materials.
Metallic silvers and grays provide contrast and highlight details.
Minimal accent colors ensure focus remains on vehicles and content.
Psychology
Black and silver evoke sophistication, authority, and high performance. The palette's neutrality appeals to a broad, upscale audience.
Evolution
Acura's color palette has remained consistent, focusing on black, silver, and white since its inception. Minor adjustments have been made to gray tones for digital clarity.
Where Acura uses each color
- Primary
Used for logos, navigation bars, and key headlines.
- Secondary
Applied to buttons, icons, and vehicle highlights.
- Accent
Used for subtle UI elements and metallic effects.
- Backgrounds
Light gray and white backgrounds dominate web and print layouts.
- Text
Black and dark gray are used for primary and secondary text throughout digital and print materials.
- Semantic
Green, yellow, red, and blue are reserved for status indicators and alerts in digital interfaces.
Acura color questions
Hex codes, RGB values, neutrals and how to use the palette.
The official Acura primary color hex code is #000000. This black is used prominently in branding and digital assets.
Acura Black (#000000) in RGB is (0, 0, 0) and in CMYK is (0, 0, 0, 100). These values ensure accurate reproduction across media.
Acura uses several grays in its UI, including Acura Silver (#C0C0C0), Metallic Gray (#A7A9AC), and Border Gray (#D1D3D4). These tones provide contrast and a premium feel.
Use Acura Black (#000000) for primary branding and navigation, with silvers and grays for secondary elements and backgrounds. Accent and semantic colors should be used sparingly for clarity and emphasis.
The secondary color is Acura Silver, #C0C0C0, and the accent is Acura Metallic Gray, #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 Acura's colors consistently when it generates UI.
Make something in the spirit of Acura
Start from this palette's mood and get an original 13-color system for your own project, contrast-checked and ready to export.