Stella Artois color palette
Food & DrinkStella Artois uses a classic palette centered on a distinctive deep red, complemented by gold, white, and neutral grays to evoke heritage and premium quality. The color system reflects the brand's Belgian roots and its association with tradition and craftsmanship.
stellaartois.comStella Artois colors
Click any swatch to copy its hex. Hover for RGB and HSL.
Brand colors
The colors people recognise.- Stella Artois RedPrimary181, 18, 27
- Stella Artois GoldSecondary245, 217, 127
- Stella Artois WhiteAccent255, 255, 255
Surfaces
Page, cards and dividers.- Stella Artois CreamBackground248, 248, 246
- Stella Artois Light GraySurface229, 229, 224
- Stella Artois SilverBorder207, 207, 201
Text
Three tiers of copy.- Stella Artois CharcoalText35, 35, 35
- Stella Artois GraySecondary text109, 109, 109
- Stella Artois Muted GrayMuted text165, 165, 165
Semantic
Feedback and state colors.- Stella Artois OliveSuccess163, 184, 108
- Stella Artois AmberWarning245, 192, 76
- Stella Artois Deep RedError215, 38, 56
- Stella Artois Pale BlueInfo182, 197, 214
Use Stella Artois's colors in your project
Pick a format, copy or download. Everything below is generated from the exact hex values above.
stella-artois-palette-colors.css · Paste into your global stylesheet.
:root {
--info: #B6C5D6;
--error: #D72638;
--accent: #FFFFFF;
--border: #CFCFC9;
--primary: #B5121B;
--success: #A3B86C;
--surface: #E5E5E0;
--warning: #F5C04C;
--secondary: #F5D97F;
--text-muted: #A5A5A5;
--background: #F8F8F6;
--text-primary: #232323;
--text-secondary: #6D6D6D;
}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.8:1
Pass
Text on surface
Needs 4.5:1 for body text
12.4:1
Pass
Secondary text on background
Needs 4.5:1 for body text
4.9:1
Pass
Secondary text on surface
Needs 4.5:1 for body text
4.1:1
Fail
Muted text on background
Needs 3:1 for large text
2.3:1
Fail
Muted text on surface
Needs 3:1 for large text
1.9:1
Fail
Stella Artois gray and neutral colors
The quiet part of the Stella Artois palette: page background, card surfaces, dividers and the three text tones that sit on them. Click a value to copy it.
- Stella Artois CreamBackground
- HEX
- RGB
- HSL
- Stella Artois Light GraySurface
- HEX
- RGB
- HSL
- Stella Artois SilverBorder
- HEX
- RGB
- HSL
- Stella Artois CharcoalText
- HEX
- RGB
- HSL
- Stella Artois GraySecondary text
- HEX
- RGB
- HSL
- Stella Artois Muted GrayMuted text
- HEX
- RGB
- HSL
About Stella Artois's colors
Stella Artois' palette is rooted in rich red and gold, symbolizing heritage and quality. The supporting whites and grays provide a clean, premium backdrop for the brand's visual elements.
Red and gold create a regal, traditional contrast.
White and cream provide clarity and space.
Grays balance the palette for modern UI needs.
Psychology
Red evokes passion, tradition, and appetite, while gold signals luxury and celebration. The neutrals reinforce trust and timelessness.
Evolution
The Stella Artois palette has remained largely stable, with red and gold as core elements since its early branding. Recent digital adaptations have introduced more nuanced grays and creams for web and packaging clarity.
Where Stella Artois uses each color
- Primary
Stella Artois Red is used in the logo, main calls to action, and key packaging elements.
- Secondary
Stella Artois Gold appears in borders, decorative accents, and the iconic chalice rim.
- Accent
Stella Artois White is prominent in backgrounds, logo details, and text highlights.
- Backgrounds
Cream and light gray backgrounds are used for web pages, print layouts, and product displays.
- Text
Charcoal and gray tones are used for primary and secondary text across digital and print materials.
- Semantic
Olive, amber, deep red, and pale blue are used for status indicators and messaging in digital interfaces.
Stella Artois color questions
Hex codes, RGB values, neutrals and how to use the palette.
The official Stella Artois primary brand color is #B5121B, known as Stella Artois Red. This color is central to the brand's identity and is used in the logo and key visuals.
Stella Artois Red (#B5121B) has an RGB value of 181, 18, 27 and a typical CMYK breakdown of 0, 90, 85, 29. Always refer to the latest brand guidelines for print specifications.
Stella Artois uses a range of grays, including Stella Artois Light Gray (#E5E5E0), Silver (#CFCFC9), and Charcoal (#232323) for backgrounds, borders, and text. These neutrals support the brand's classic look in digital and print applications.
Use Stella Artois Red (#B5121B) for primary actions and branding, with gold and white as supporting and accent colors. Grays and creams should be used for backgrounds, surfaces, and text to maintain clarity and brand consistency.
The secondary color is Stella Artois Gold, #F5D97F, and the accent is Stella Artois White, #FFFFFF. Together with the primary they make up the three brand colors at the top of this page.
3 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 Stella Artois's colors consistently when it generates UI.
Make something in the spirit of Stella Artois
Start from this palette's mood and get an original 13-color system for your own project, contrast-checked and ready to export.