Real Madrid color palette
SportsReal Madrid's color identity is defined by its iconic royal purple and gold, complemented by crisp white and deep navy for contrast. The palette reflects the club's heritage, prestige, and modern digital presence.
realmadrid.comReal Madrid colors
Click any swatch to copy its hex. Hover for RGB and HSL.
Brand colors
The colors people recognise.- Real Madrid GoldPrimary254, 190, 16
- Real Madrid Royal BlueSecondary0, 82, 159
- Real Madrid Royal PurpleAccent165, 0, 68
Surfaces
Page, cards and dividers.- Real Madrid WhiteBackground255, 255, 255
- Madrid Light GraySurface245, 245, 245
- Madrid Silver GrayBorder209, 211, 212
Text
Three tiers of copy.- Madrid BlackText26, 26, 26
- Madrid Dark GraySecondary text77, 77, 77
- Madrid Muted GrayMuted text140, 140, 140
Semantic
Feedback and state colors.- Madrid Success GreenSuccess67, 176, 42
- Madrid Warning YellowWarning255, 184, 28
- Madrid Error RedError225, 6, 0
- Madrid Info BlueInfo0, 82, 159
Use Real Madrid's colors in your project
Pick a format, copy or download. Everything below is generated from the exact hex values above.
real-madrid-palette-colors.css · Paste into your global stylesheet.
:root {
--info: #00529F;
--error: #E10600;
--accent: #A50044;
--border: #D1D3D4;
--primary: #FEBE10;
--success: #43B02A;
--surface: #F5F5F5;
--warning: #FFB81C;
--secondary: #00529F;
--text-muted: #8C8C8C;
--background: #FFFFFF;
--text-primary: #1A1A1A;
--text-secondary: #4D4D4D;
}Contrast and accessibility
Every text tone tested against every surface, per WCAG 2.1.
Text on background
Needs 4.5:1 for body text
17.4:1
Pass
Text on surface
Needs 4.5:1 for body text
16.0:1
Pass
Secondary text on background
Needs 4.5:1 for body text
8.5:1
Pass
Secondary text on surface
Needs 4.5:1 for body text
7.8:1
Pass
Muted text on background
Needs 3:1 for large text
3.4:1
Pass
Muted text on surface
Needs 3:1 for large text
3.1:1
Pass
Real Madrid gray and neutral colors
The quiet part of the Real Madrid palette: page background, card surfaces, dividers and the three text tones that sit on them. Click a value to copy it.
- Real Madrid WhiteBackground
- HEX
- RGB
- HSL
- Madrid Light GraySurface
- HEX
- RGB
- HSL
- Madrid Silver GrayBorder
- HEX
- RGB
- HSL
- Madrid BlackText
- HEX
- RGB
- HSL
- Madrid Dark GraySecondary text
- HEX
- RGB
- HSL
- Madrid Muted GrayMuted text
- HEX
- RGB
- HSL
About Real Madrid's colors
Real Madrid's palette uses gold and purple for prestige, with white for clarity and blue for tradition. The combination balances luxury, legacy, and modernity.
Gold and purple are complementary and signify royalty.
White provides a clean, neutral foundation.
Blue adds depth and is used for contrast and digital clarity.
Psychology
Gold and purple evoke feelings of excellence, achievement, and nobility. The use of white and blue reinforces trust, clarity, and professionalism.
Evolution
The Real Madrid palette has remained stable, with gold and purple as historical constants. Recent digital applications have emphasized blue and gray tones for better UI contrast.
Where Real Madrid uses each color
- Primary
Gold is used in the club crest, digital highlights, and trophy graphics.
- Secondary
Royal blue appears in website navigation, buttons, and kit accents.
- Accent
Royal purple is featured in the crest and special edition merchandise.
- Backgrounds
White dominates backgrounds on the website and official kits.
- Text
Black and dark gray are used for primary and secondary text across digital and print.
- Semantic
Green, yellow, and red are used for status indicators and alerts in digital products.
Real Madrid color questions
Hex codes, RGB values, neutrals and how to use the palette.
The official Real Madrid primary brand color is gold, hex code #FEBE10.
Real Madrid Gold (#FEBE10) is RGB(254, 190, 16) and CMYK(0, 25, 94, 0).
Real Madrid uses white (#FFFFFF), light gray (#F5F5F5), and silver gray (#D1D3D4) for backgrounds and borders.
Gold should be reserved for highlights and key branding, while blue and purple are for accents and navigation. Neutrals provide clarity and support for text and backgrounds.
The secondary color is Real Madrid Royal Blue, #00529F, and the accent is Real Madrid Royal Purple, #A50044. Together with the primary they make up the three brand colors at the top of this page.
6 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 Real Madrid's colors consistently when it generates UI.
Make something in the spirit of Real Madrid
Start from this palette's mood and get an original 13-color system for your own project, contrast-checked and ready to export.