Corona color palette
Food & DrinkCorona uses a distinctive palette centered on a deep royal blue and a vibrant gold, reflecting its Mexican heritage and beach lifestyle positioning. The color system is consistent across packaging, digital, and promotional materials.
corona.comCorona colors
Click any swatch to copy its hex. Hover for RGB and HSL.
Brand colors
The colors people recognise.- Corona BluePrimary0, 87, 164
- Corona GoldSecondary249, 211, 66
- Corona WhiteAccent255, 255, 255
Surfaces
Page, cards and dividers.- Corona Light GrayBackground245, 245, 245
- Corona Pale GraySurface229, 229, 229
- Corona SilverBorder196, 196, 196
Text
Three tiers of copy.- Corona CharcoalText26, 26, 26
- Corona Medium GraySecondary text68, 68, 68
- Corona Muted GrayMuted text136, 136, 136
Semantic
Feedback and state colors.- Corona LimeSuccess75, 175, 80
- Corona AmberWarning249, 166, 2
- Corona RedError215, 38, 61
- Corona Sky BlueInfo0, 147, 213
Use Corona's colors in your project
Pick a format, copy or download. Everything below is generated from the exact hex values above.
corona-palette-colors.css · Paste into your global stylesheet.
:root {
--info: #0093D5;
--error: #D7263D;
--accent: #FFFFFF;
--border: #C4C4C4;
--primary: #0057A4;
--success: #4BAF50;
--surface: #E5E5E5;
--warning: #F9A602;
--secondary: #F9D342;
--text-muted: #888888;
--background: #F5F5F5;
--text-primary: #1A1A1A;
--text-secondary: #444444;
}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
13.8:1
Pass
Secondary text on background
Needs 4.5:1 for body text
8.9:1
Pass
Secondary text on surface
Needs 4.5:1 for body text
7.7:1
Pass
Muted text on background
Needs 3:1 for large text
3.3:1
Pass
Muted text on surface
Needs 3:1 for large text
2.8:1
Fail
Corona gray and neutral colors
The quiet part of the Corona palette: page background, card surfaces, dividers and the three text tones that sit on them. Click a value to copy it.
- Corona Light GrayBackground
- HEX
- RGB
- HSL
- Corona Pale GraySurface
- HEX
- RGB
- HSL
- Corona SilverBorder
- HEX
- RGB
- HSL
- Corona CharcoalText
- HEX
- RGB
- HSL
- Corona Medium GraySecondary text
- HEX
- RGB
- HSL
- Corona Muted GrayMuted text
- HEX
- RGB
- HSL
About Corona's colors
Corona's palette is anchored by a strong blue and gold, evoking tradition and warmth. The supporting neutrals and accent colors provide clarity and legibility in digital and print contexts.
Blue and gold are complementary and reinforce brand recognition.
Neutrals balance the vibrancy of the core colors.
Accent white ensures contrast and readability.
Psychology
The blue conveys trust, refreshment, and a sense of calm, while the gold suggests warmth, optimism, and quality. Together, they evoke the feeling of a sunny beach and relaxation.
Evolution
Corona's color palette has remained largely stable over decades, with blue and gold as enduring hallmarks. Minor adjustments have been made to neutral tones for digital clarity.
Where Corona uses each color
- Primary
Corona Blue is used for logos, navigation bars, and key brand elements.
- Secondary
Corona Gold appears in crowns, highlights, and packaging details.
- Accent
Corona White is used for text, backgrounds, and contrast elements.
- Backgrounds
Corona Light Gray and Pale Gray are used for website and app backgrounds.
- Text
Corona Charcoal and Medium Gray are used for primary and secondary text across digital and print.
- Semantic
Corona Lime, Amber, Red, and Sky Blue are used for status indicators, alerts, and informational highlights.
Corona color questions
Hex codes, RGB values, neutrals and how to use the palette.
The primary Corona brand color is Corona Blue, with the hex code #0057A4.
Corona Blue (#0057A4) is RGB(0, 87, 164) and CMYK(100, 47, 0, 36).
Corona uses Light Gray (#F5F5F5), Pale Gray (#E5E5E5), and Silver (#C4C4C4) for backgrounds and borders in its UI.
Primary and secondary colors should dominate branding and packaging, while neutrals and accents ensure legibility and visual hierarchy. Always use the exact hex codes to maintain brand consistency.
The secondary color is Corona Gold, #F9D342, and the accent is Corona White, #FFFFFF. Together with the primary they make up the three brand colors at the top of this page.
5 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 Corona's colors consistently when it generates UI.
Make something in the spirit of Corona
Start from this palette's mood and get an original 13-color system for your own project, contrast-checked and ready to export.