Audi color palette
AutomotiveAudi's color identity is defined by a bold red primary, complemented by a monochromatic palette of blacks, whites, and grays for a premium, timeless look. The color system emphasizes clarity, contrast, and a sense of modernity in all brand touchpoints.
audi.comAudi colors
Click any swatch to copy its hex. Hover for RGB and HSL.
Brand colors
The colors people recognise.- Audi RedPrimary187, 10, 48
- Audi BlackSecondary16, 24, 32
- Audi SilverAccent167, 168, 170
Surfaces
Page, cards and dividers.- Audi WhiteBackground255, 255, 255
- Audi Light GraySurface245, 245, 245
- Audi Border GrayBorder209, 211, 212
Text
Three tiers of copy.- Audi Text BlackText16, 24, 32
- Audi Text GraySecondary text109, 110, 113
- Audi Muted SilverMuted text167, 168, 170
Semantic
Feedback and state colors.- Audi GreenSuccess67, 176, 42
- Audi YellowWarning255, 184, 28
- Audi RedError187, 10, 48
- Audi BlueInfo0, 159, 218
Use Audi's colors in your project
Pick a format, copy or download. Everything below is generated from the exact hex values above.
audi-palette-colors.css · Paste into your global stylesheet.
:root {
--info: #009FDA;
--error: #BB0A30;
--accent: #A7A8AA;
--border: #D1D3D4;
--primary: #BB0A30;
--success: #43B02A;
--surface: #F5F5F5;
--warning: #FFB81C;
--secondary: #101820;
--text-muted: #A7A8AA;
--background: #FFFFFF;
--text-primary: #101820;
--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.9:1
Pass
Text on surface
Needs 4.5:1 for body text
16.4: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.4:1
Fail
Muted text on surface
Needs 3:1 for large text
2.2:1
Fail
Audi background, border and text colors
The quiet part of the Audi palette: page background, card surfaces, dividers and the three text tones that sit on them. Click a value to copy it.
- Audi WhiteBackground
- HEX
- RGB
- HSL
- Audi Light GraySurface
- HEX
- RGB
- HSL
- Audi Border GrayBorder
- HEX
- RGB
- HSL
- Audi Text BlackText
- HEX
- RGB
- HSL
- Audi Text GraySecondary text
- HEX
- RGB
- HSL
- Audi Muted SilverMuted text
- HEX
- RGB
- HSL
About Audi's colors
Audi's palette is rooted in a strong, recognizable red, balanced by a spectrum of neutral grays and black for sophistication. The system ensures high contrast and legibility across digital and print media.
Primary red is used for highlights and calls to action.
Black and white provide structure and clarity.
Grays and silver are used for backgrounds and secondary elements.
Psychology
The red conveys energy, passion, and confidence, aligning with Audi's sporty and innovative brand image. The neutral tones reinforce a sense of luxury, professionalism, and timelessness.
Evolution
Audi's core palette has remained consistent, with red as the signature color since the early 2000s. The use of neutral grays and black has become more prominent in digital interfaces to enhance readability and modernity.
Where Audi uses each color
- Primary
Audi Red is used for main call-to-action buttons, highlights, and key brand elements on the website and advertising.
- Secondary
Audi Black appears in navigation bars, footers, and as a dominant background in digital and print layouts.
- Accent
Audi Silver is used for icons, dividers, and subtle UI accents.
- Backgrounds
Audi White and Light Gray are used for page backgrounds and content areas to provide clarity and contrast.
- Text
Audi Text Black and Text Gray are used for primary and secondary text, ensuring legibility and hierarchy.
- Semantic
Audi Green, Yellow, and Blue are reserved for status messages, notifications, and informational highlights in digital products.
Audi color questions
Hex codes, RGB values, neutrals and how to use the palette.
The official Audi primary color hex code is #BB0A30. This red is used for key brand highlights and CTAs.
Audi Red (#BB0A30) in RGB is (187, 10, 48) and in CMYK is (0, 95, 74, 27). These values ensure accurate reproduction across media.
Audi uses a range of neutrals including Audi Black (#101820), Audi Light Gray (#F5F5F5), and Audi Silver (#A7A8AA) for backgrounds, surfaces, and text. These colors provide a clean, premium look and optimal readability.
Use Audi Red (#BB0A30) sparingly for emphasis, while relying on neutrals for structure and clarity. Maintain high contrast between text and backgrounds for accessibility and brand consistency.
The secondary color is Audi Black, #101820, and the accent is Audi Silver, #A7A8AA. 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 Audi's colors consistently when it generates UI.
Make something in the spirit of Audi
Start from this palette's mood and get an original 13-color system for your own project, contrast-checked and ready to export.