Heineken color palette
Food & DrinkHeineken's color identity is defined by its iconic green, accented by red and white, reflecting its Dutch heritage and global beer brand status. The palette is consistent across packaging, digital, and promotional materials, emphasizing clarity and recognition.
heineken.comHeineken colors
Click any swatch to copy its hex. Hover for RGB and HSL.
Brand colors
The colors people recognise.- Heineken GreenPrimary0, 130, 0
- Heineken RedSecondary228, 0, 43
- Heineken WhiteAccent255, 255, 255
Surfaces
Page, cards and dividers.- Heineken Light GrayBackground245, 245, 245
- Heineken Surface GraySurface230, 230, 230
- Heineken Border GrayBorder191, 191, 191
Text
Three tiers of copy.- Heineken CharcoalText34, 34, 34
- Heineken Medium GraySecondary text102, 102, 102
- Heineken Muted GrayMuted text166, 166, 166
Semantic
Feedback and state colors.- Heineken GreenSuccess0, 130, 0
- Heineken YellowWarning255, 194, 14
- Heineken RedError228, 0, 43
- Heineken Dark GreenInfo0, 117, 74
Use Heineken's colors in your project
Pick a format, copy or download. Everything below is generated from the exact hex values above.
heineken-palette-colors.css · Paste into your global stylesheet.
:root {
--info: #00754A;
--error: #E4002B;
--accent: #FFFFFF;
--border: #BFBFBF;
--primary: #008200;
--success: #008200;
--surface: #E6E6E6;
--warning: #FFC20E;
--secondary: #E4002B;
--text-muted: #A6A6A6;
--background: #F5F5F5;
--text-primary: #222222;
--text-secondary: #666666;
}Contrast and accessibility
Every text tone tested against every surface, per WCAG 2.1.
Text on background
Needs 4.5:1 for body text
14.6:1
Pass
Text on surface
Needs 4.5:1 for body text
12.7:1
Pass
Secondary text on background
Needs 4.5:1 for body text
5.3:1
Pass
Secondary text on surface
Needs 4.5:1 for body text
4.6:1
Pass
Muted text on background
Needs 3:1 for large text
2.2:1
Fail
Muted text on surface
Needs 3:1 for large text
2.0:1
Fail
Heineken gray and neutral colors
The quiet part of the Heineken palette: page background, card surfaces, dividers and the three text tones that sit on them. Click a value to copy it.
- Heineken Light GrayBackground
- HEX
- RGB
- HSL
- Heineken Surface GraySurface
- HEX
- RGB
- HSL
- Heineken Border GrayBorder
- HEX
- RGB
- HSL
- Heineken CharcoalText
- HEX
- RGB
- HSL
- Heineken Medium GraySecondary text
- HEX
- RGB
- HSL
- Heineken Muted GrayMuted text
- HEX
- RGB
- HSL
About Heineken's colors
Heineken's palette is built around a distinctive green, complemented by red and white for contrast and clarity. The colors are chosen for high visibility and strong brand association.
Primary green dominates packaging and digital presence.
Red provides a striking accent, notably in the star logo.
White and grays are used for backgrounds and text clarity.
Psychology
Green evokes freshness, quality, and naturalness, aligning with Heineken's product values. Red adds energy and draws attention to key brand elements.
Evolution
The core green and red palette has remained stable for decades, reinforcing brand recognition. Minor adjustments have been made to neutral tones for modern digital applications.
Where Heineken uses each color
- Primary
Heineken Green is used for bottles, cans, website headers, and major brand visuals.
- Secondary
Heineken Red appears in the star logo, call-to-action buttons, and key highlights.
- Accent
Heineken White is used for text, logo outlines, and backgrounds.
- Backgrounds
Heineken Light Gray and Surface Gray are used for website backgrounds and UI panels.
- Text
Heineken Charcoal and Medium Gray are used for primary and secondary text on digital and print materials.
- Semantic
Heineken Yellow is used for warnings, and Heineken Red for errors or urgent notifications in digital interfaces.
Heineken color questions
Hex codes, RGB values, neutrals and how to use the palette.
The official Heineken brand green is #008200. This color is used across all major branding and packaging.
Heineken Green is #008200 in hex, which is RGB(0, 130, 0) and CMYK(100, 0, 100, 49). These values ensure color consistency in digital and print.
Heineken uses #F5F5F5 (Light Gray), #E6E6E6 (Surface Gray), and #BFBFBF (Border Gray) for backgrounds and UI elements. These neutrals provide contrast and readability alongside the primary palette.
Use Heineken Green (#008200) as the dominant color, with Red (#E4002B) for accents and calls to action. Whites and grays are reserved for backgrounds, text, and supporting UI elements.
The secondary color is Heineken Red, #E4002B, and the accent is Heineken White, #FFFFFF. 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 Heineken's colors consistently when it generates UI.
Make something in the spirit of Heineken
Start from this palette's mood and get an original 13-color system for your own project, contrast-checked and ready to export.