Bayern Munich color palette
SportsBayern Munich's brand identity is defined by its iconic deep red, complemented by blue and white, reflecting the club's Bavarian heritage. The palette is bold, energetic, and instantly recognizable in the world of football.
fcbayern.comBayern Munich colors
Click any swatch to copy its hex. Hover for RGB and HSL.
Brand colors
The colors people recognise.- Bayern RedPrimary220, 5, 45
- Bayern BlueSecondary0, 102, 178
- Bayern WhiteAccent255, 255, 255
Surfaces
Page, cards and dividers.- Bayern Light GrayBackground244, 244, 244
- Bayern Surface GraySurface229, 229, 229
- Bayern Border GrayBorder176, 176, 176
Text
Three tiers of copy.- Bayern CharcoalText34, 34, 34
- Bayern Medium GraySecondary text102, 102, 102
- Bayern Muted GrayMuted text153, 153, 153
Semantic
Feedback and state colors.- Bayern GreenSuccess67, 176, 42
- Bayern YellowWarning246, 168, 0
- Bayern Error RedError226, 35, 26
- Bayern Info BlueInfo0, 159, 218
Use Bayern Munich's colors in your project
Pick a format, copy or download. Everything below is generated from the exact hex values above.
bayern-munich-palette-colors.css · Paste into your global stylesheet.
:root {
--info: #009FDA;
--error: #E2231A;
--accent: #FFFFFF;
--border: #B0B0B0;
--primary: #DC052D;
--success: #43B02A;
--surface: #E5E5E5;
--warning: #F6A800;
--secondary: #0066B2;
--text-muted: #999999;
--background: #F4F4F4;
--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.5:1
Pass
Text on surface
Needs 4.5:1 for body text
12.6:1
Pass
Secondary text on background
Needs 4.5:1 for body text
5.2: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.6:1
Fail
Muted text on surface
Needs 3:1 for large text
2.3:1
Fail
Bayern Munich gray and neutral colors
The quiet part of the Bayern Munich palette: page background, card surfaces, dividers and the three text tones that sit on them. Click a value to copy it.
- Bayern Light GrayBackground
- HEX
- RGB
- HSL
- Bayern Surface GraySurface
- HEX
- RGB
- HSL
- Bayern Border GrayBorder
- HEX
- RGB
- HSL
- Bayern CharcoalText
- HEX
- RGB
- HSL
- Bayern Medium GraySecondary text
- HEX
- RGB
- HSL
- Bayern Muted GrayMuted text
- HEX
- RGB
- HSL
About Bayern Munich's colors
Bayern Munich's palette is anchored by a vibrant red, symbolizing passion and energy, with blue and white providing contrast and a nod to Bavarian tradition. The supporting grays and accent colors ensure clarity and accessibility across digital and print media.
Primary red dominates, with blue and white as supporting colors.
Neutrals provide balance for text and backgrounds.
Accent colors are used for semantic states and highlights.
Psychology
Red conveys strength, determination, and excitement, fitting for a leading sports club. Blue and white add trustworthiness and a sense of heritage.
Evolution
The core red, blue, and white palette has remained consistent for decades, reinforcing brand recognition. Minor adjustments to tone and supporting neutrals have modernized the look for digital platforms.
Where Bayern Munich uses each color
- Primary
Bayern Red is used on home jerseys, website headers, and key branding elements.
- Secondary
Bayern Blue appears in the club crest, away kits, and as a highlight in digital interfaces.
- Accent
Bayern White is used for text, backgrounds, and to provide contrast in the logo and kits.
- Backgrounds
Bayern Light Gray and Surface Gray are used for website backgrounds and UI panels.
- Text
Bayern Charcoal and Medium Gray are used for primary and secondary text across digital and print materials.
- Semantic
Green, yellow, error red, and info blue are used for status messages, notifications, and alerts in digital applications.
Bayern Munich color questions
Hex codes, RGB values, neutrals and how to use the palette.
The official Bayern Munich primary brand color is #DC052D, known as Bayern Red.
Bayern Red (#DC052D) in RGB is (220, 5, 45) and in CMYK is approximately (0, 98, 80, 14).
Bayern uses light and medium grays such as #F4F4F4 (Bayern Light Gray) and #E5E5E5 (Bayern Surface Gray) for backgrounds and UI surfaces.
Bayern Red (#DC052D) should dominate, with blue (#0066B2) and white (#FFFFFF) as accents; neutrals and semantic colors support digital clarity and accessibility.
The secondary color is Bayern Blue, #0066B2, and the accent is Bayern 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 Bayern Munich's colors consistently when it generates UI.
Make something in the spirit of Bayern Munich
Start from this palette's mood and get an original 13-color system for your own project, contrast-checked and ready to export.