Koenigsegg color palette
AutomotiveKoenigsegg's color identity is anchored by a deep black, accented with gold and orange hues inspired by its logo and Swedish heritage. The palette is minimal, sophisticated, and performance-driven, reflecting the brand's focus on high-end automotive engineering.
koenigsegg.comKoenigsegg colors
Click any swatch to copy its hex. Hover for RGB and HSL.
Brand colors
The colors people recognise.- Koenigsegg BlackPrimary0, 0, 0
- Koenigsegg GoldSecondary255, 215, 0
- Koenigsegg OrangeAccent255, 102, 0
Surfaces
Page, cards and dividers.- Koenigsegg CharcoalBackground24, 24, 24
- Koenigsegg GraphiteSurface35, 35, 35
- Koenigsegg SteelBorder68, 68, 68
Text
Three tiers of copy.- Koenigsegg WhiteText255, 255, 255
- Koenigsegg SilverSecondary text204, 204, 204
- Koenigsegg GreyMuted text136, 136, 136
Semantic
Feedback and state colors.- Koenigsegg Success GreenSuccess75, 181, 67
- Koenigsegg Warning YellowWarning255, 195, 0
- Koenigsegg Error RedError215, 38, 61
- Koenigsegg Info BlueInfo28, 169, 230
Use Koenigsegg's colors in your project
Pick a format, copy or download. Everything below is generated from the exact hex values above.
koenigsegg-palette-colors.css · Paste into your global stylesheet.
:root {
--info: #1CA9E6;
--error: #D7263D;
--accent: #FF6600;
--border: #444444;
--primary: #000000;
--success: #4BB543;
--surface: #232323;
--warning: #FFC300;
--secondary: #FFD700;
--text-muted: #888888;
--background: #181818;
--text-primary: #FFFFFF;
--text-secondary: #CCCCCC;
}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.8: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
11.1:1
Pass
Secondary text on surface
Needs 4.5:1 for body text
9.8:1
Pass
Muted text on background
Needs 3:1 for large text
5.0:1
Pass
Muted text on surface
Needs 3:1 for large text
4.4:1
Pass
Koenigsegg gray, dark and neutral colors
Koenigsegg 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.
- Koenigsegg CharcoalBackground
- HEX
- RGB
- HSL
- Koenigsegg GraphiteSurface
- HEX
- RGB
- HSL
- Koenigsegg SteelBorder
- HEX
- RGB
- HSL
- Koenigsegg WhiteText
- HEX
- RGB
- HSL
- Koenigsegg SilverSecondary text
- HEX
- RGB
- HSL
- Koenigsegg GreyMuted text
- HEX
- RGB
- HSL
About Koenigsegg's colors
Koenigsegg’s palette is rooted in black, gold, and orange, reflecting luxury and performance. The minimal use of color draws attention to the brand’s engineering and exclusivity.
High contrast between black and gold/orange for premium feel.
Neutral greys support legibility and modern UI.
Accent colors echo the brand’s Swedish and racing heritage.
Psychology
Black conveys sophistication, power, and exclusivity, while gold and orange evoke innovation and energy. The restrained palette reinforces Koenigsegg’s focus on precision and luxury.
Evolution
Koenigsegg’s color palette has remained consistent, with black and gold as core elements since the brand’s inception. Minor adjustments have been made to accent and neutral tones for digital clarity.
Where Koenigsegg uses each color
- Primary
Koenigsegg Black is used for navigation bars, headers, and vehicle liveries.
- Secondary
Koenigsegg Gold appears in logo treatments and highlight details.
- Accent
Koenigsegg Orange is used for call-to-action buttons and interactive elements.
- Backgrounds
Koenigsegg Charcoal and Graphite are used for page backgrounds and content surfaces.
- Text
Koenigsegg White and Silver are used for primary and secondary text on dark backgrounds.
- Semantic
Success Green, Warning Yellow, Error Red, and Info Blue are used for status indicators and notifications.
Koenigsegg color questions
Hex codes, RGB values, neutrals and how to use the palette.
The Koenigsegg primary color hex code is #000000. This black is central to the brand's visual identity.
Koenigsegg Black (#000000) in RGB is (0, 0, 0) and in CMYK is (0, 0, 0, 100).
Koenigsegg uses Charcoal (#181818), Graphite (#232323), and Steel (#444444) as its primary neutral tones in digital and print applications.
Use Koenigsegg Black (#000000) for primary elements, with Gold (#FFD700) and Orange (#FF6600) for highlights and accents. Neutral greys support backgrounds and surfaces, while semantic colors are reserved for status messaging.
The secondary color is Koenigsegg Gold, #FFD700, and the accent is Koenigsegg Orange, #FF6600. 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 Koenigsegg's colors consistently when it generates UI.
Make something in the spirit of Koenigsegg
Start from this palette's mood and get an original 13-color system for your own project, contrast-checked and ready to export.