Budweiser color palette
Food & DrinkBudweiser's color identity is defined by its iconic red, accented with white and gold, reflecting its heritage and bold presence. The palette is consistent across packaging, digital, and promotional materials.
budweiser.comBudweiser colors
Click any swatch to copy its hex. Hover for RGB and HSL.
Brand colors
The colors people recognise.- Budweiser RedPrimary226, 35, 26
- Budweiser WhiteSecondary255, 255, 255
- Budweiser GoldAccent246, 208, 0
Surfaces
Page, cards and dividers.- Budweiser Light GrayBackground245, 245, 245
- Budweiser Surface GraySurface237, 237, 237
- Budweiser Border GrayBorder179, 179, 179
Text
Three tiers of copy.- Budweiser BlackText26, 26, 26
- Budweiser Medium GraySecondary text109, 109, 109
- Budweiser Muted GrayMuted text167, 167, 167
Semantic
Feedback and state colors.- Budweiser Success GreenSuccess110, 180, 63
- Budweiser Warning YellowWarning246, 167, 0
- Budweiser Error RedError215, 38, 61
- Budweiser Info BlueInfo33, 118, 174
Use Budweiser's colors in your project
Pick a format, copy or download. Everything below is generated from the exact hex values above.
budweiser-palette-colors.css · Paste into your global stylesheet.
:root {
--info: #2176AE;
--error: #D7263D;
--accent: #F6D000;
--border: #B3B3B3;
--primary: #E2231A;
--success: #6EB43F;
--surface: #EDEDED;
--warning: #F6A700;
--secondary: #FFFFFF;
--text-muted: #A7A7A7;
--background: #F5F5F5;
--text-primary: #1A1A1A;
--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
16.0:1
Pass
Text on surface
Needs 4.5:1 for body text
14.9:1
Pass
Secondary text on background
Needs 4.5:1 for body text
4.7:1
Pass
Secondary text on surface
Needs 4.5:1 for body text
4.4:1
Fail
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.1:1
Fail
Budweiser gray and neutral colors
The quiet part of the Budweiser palette: page background, card surfaces, dividers and the three text tones that sit on them. Click a value to copy it.
- Budweiser Light GrayBackground
- HEX
- RGB
- HSL
- Budweiser Surface GraySurface
- HEX
- RGB
- HSL
- Budweiser Border GrayBorder
- HEX
- RGB
- HSL
- Budweiser BlackText
- HEX
- RGB
- HSL
- Budweiser Medium GraySecondary text
- HEX
- RGB
- HSL
- Budweiser Muted GrayMuted text
- HEX
- RGB
- HSL
About Budweiser's colors
Budweiser’s palette centers on a vibrant red, symbolizing energy and tradition, complemented by white and gold for clarity and premium cues. The supporting grays create a modern, neutral UI foundation.
Red and gold create a strong, regal contrast.
White provides clean separation and legibility.
Grays unify digital and print applications.
Psychology
Red evokes excitement, passion, and appetite, aligning with Budweiser’s bold brand. Gold accents reinforce a sense of quality and heritage.
Evolution
Budweiser’s color palette has remained stable for decades, with minor refinements to red and gold for digital clarity. The addition of modern grays supports contemporary UI needs.
Where Budweiser uses each color
- Primary
Budweiser Red dominates packaging, logos, and primary navigation bars.
- Secondary
Budweiser White is used for backgrounds, text, and logo contrast.
- Accent
Budweiser Gold highlights crowns, borders, and premium cues on cans and web elements.
- Backgrounds
Light and surface grays are used for digital backgrounds and card surfaces.
- Text
Budweiser Black and grays are used for headlines, body copy, and muted UI text.
- Semantic
Success green, warning yellow, error red, and info blue are used for alerts and status indicators in digital products.
Budweiser color questions
Hex codes, RGB values, neutrals and how to use the palette.
The official Budweiser brand red is #E2231A, which is used across all primary branding and packaging.
Budweiser Red (#E2231A) is RGB(226, 35, 26) and typically CMYK(0, 85, 88, 11) in print applications.
Budweiser uses Light Gray (#F5F5F5), Surface Gray (#EDEDED), Border Gray (#B3B3B3), and various text grays (#6D6D6D, #A7A7A7) for UI and background elements.
Budweiser Red (#E2231A) should be dominant, with white and gold as supporting colors, and grays for UI backgrounds and text. Accent and semantic colors are reserved for highlights and status messaging.
The secondary color is Budweiser White, #FFFFFF, and the accent is Budweiser Gold, #F6D000. 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 Budweiser's colors consistently when it generates UI.
Make something in the spirit of Budweiser
Start from this palette's mood and get an original 13-color system for your own project, contrast-checked and ready to export.