Johnnie Walker color palette
Food & DrinkJohnnie Walker's color identity is defined by its iconic black and gold palette, reflecting luxury and heritage. The brand uses deep blacks and rich golds across its packaging and digital presence.
johnniewalker.comJohnnie Walker colors
Click any swatch to copy its hex. Hover for RGB and HSL.
Brand colors
The colors people recognise.- Johnnie Walker GoldPrimary191, 161, 74
- Johnnie Walker BlackSecondary0, 0, 0
- Label Accent GoldAccent214, 184, 106
Surfaces
Page, cards and dividers.- Whisky CreamBackground245, 243, 239
- Label SurfaceSurface230, 225, 213
- Gold BorderBorder199, 178, 153
Text
Three tiers of copy.- Text BlackText0, 0, 0
- Text GoldSecondary text191, 161, 74
- Muted BrownMuted text125, 115, 96
Semantic
Feedback and state colors.- Heritage GreenSuccess124, 154, 59
- Cask AmberWarning226, 177, 60
- Label RedError162, 60, 43
- Info BlueInfo91, 107, 122
Use Johnnie Walker's colors in your project
Pick a format, copy or download. Everything below is generated from the exact hex values above.
johnnie-walker-palette-colors.css · Paste into your global stylesheet.
:root {
--info: #5B6B7A;
--error: #A23C2B;
--accent: #D6B86A;
--border: #C7B299;
--primary: #BFA14A;
--success: #7C9A3B;
--surface: #E6E1D5;
--warning: #E2B13C;
--secondary: #000000;
--text-muted: #7D7360;
--background: #F5F3EF;
--text-primary: #000000;
--text-secondary: #BFA14A;
}Contrast and accessibility
Every text tone tested against every surface, per WCAG 2.1.
Text on background
Needs 4.5:1 for body text
18.9:1
Pass
Text on surface
Needs 4.5:1 for body text
16.1:1
Pass
Secondary text on background
Needs 4.5:1 for body text
2.3:1
Fail
Secondary text on surface
Needs 4.5:1 for body text
1.9:1
Fail
Muted text on background
Needs 3:1 for large text
4.2:1
Pass
Muted text on surface
Needs 3:1 for large text
3.6:1
Pass
Johnnie Walker background, border and text colors
The quiet part of the Johnnie Walker palette: page background, card surfaces, dividers and the three text tones that sit on them. Click a value to copy it.
- Whisky CreamBackground
- HEX
- RGB
- HSL
- Label SurfaceSurface
- HEX
- RGB
- HSL
- Gold BorderBorder
- HEX
- RGB
- HSL
- Text BlackText
- HEX
- RGB
- HSL
- Text GoldSecondary text
- HEX
- RGB
- HSL
- Muted BrownMuted text
- HEX
- RGB
- HSL
About Johnnie Walker's colors
Johnnie Walker's palette uses black and gold to evoke sophistication, tradition, and premium quality. The supporting neutrals and accents reinforce a sense of heritage and luxury.
Gold contrasts with black for high visibility.
Cream and surface tones soften the palette.
Accent golds and reds highlight key details.
Psychology
Gold suggests prestige, success, and celebration, while black conveys authority and timelessness. The palette is designed to evoke trust and aspiration.
Evolution
The black and gold palette has been a hallmark of Johnnie Walker for decades, remaining largely unchanged. Occasional updates have refined gold tones and added subtle neutrals for digital use.
Where Johnnie Walker uses each color
- Primary
Johnnie Walker Gold is used on bottle labels, website headers, and key brand assets.
- Secondary
Johnnie Walker Black appears as background, text, and in the iconic striding man logo.
- Accent
Label Accent Gold highlights borders, call-to-action buttons, and decorative elements.
- Backgrounds
Whisky Cream is the main background color on digital and print materials.
- Text
Text Black and Text Gold are used for primary and secondary headings, respectively.
- Semantic
Heritage Green, Cask Amber, and Label Red are used for status indicators and limited edition packaging.
Johnnie Walker color questions
Hex codes, RGB values, neutrals and how to use the palette.
The official Johnnie Walker gold is #BFA14A. This color is used prominently on packaging and digital assets.
Johnnie Walker Gold (#BFA14A) has an RGB value of 191, 161, 74. In CMYK, it is approximately 0, 16, 61, 25.
Johnnie Walker Black (#000000) is the primary dark tone, used for backgrounds and text. Muted Brown (#7D7360) serves as a neutral for secondary text and UI elements.
Gold (#BFA14A) and black (#000000) should dominate, with accent golds and neutrals for contrast. Use surface and cream tones for backgrounds and to soften layouts.
The secondary color is Johnnie Walker Black, #000000, and the accent is Label Accent Gold, #D6B86A. 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 Johnnie Walker's colors consistently when it generates UI.
Make something in the spirit of Johnnie Walker
Start from this palette's mood and get an original 13-color system for your own project, contrast-checked and ready to export.