Manchester United color palette
SportsManchester United's brand identity is defined by its iconic red, accented with yellow and black, reflecting its heritage and visual presence on and off the pitch. The palette is bold, instantly recognizable, and rooted in the club's history.
manutd.comManchester United colors
Click any swatch to copy its hex. Hover for RGB and HSL.
Brand colors
The colors people recognise.- United RedPrimary218, 41, 28
- United YellowSecondary251, 225, 34
- United BlackAccent0, 0, 0
Surfaces
Page, cards and dividers.- United WhiteBackground255, 255, 255
- United Light GreySurface229, 230, 231
- United Silver GreyBorder167, 169, 172
Text
Three tiers of copy.- United CharcoalText28, 28, 28
- United Medium GreySecondary text90, 90, 90
- United Muted GreyMuted text141, 144, 147
Semantic
Feedback and state colors.- United GreenSuccess0, 138, 60
- United YellowWarning251, 225, 34
- United RedError218, 41, 28
- United BlueInfo0, 87, 184
Use Manchester United's colors in your project
Pick a format, copy or download. Everything below is generated from the exact hex values above.
manchester-united-palette-colors.css · Paste into your global stylesheet.
:root {
--info: #0057B8;
--error: #DA291C;
--accent: #000000;
--border: #A7A9AC;
--primary: #DA291C;
--success: #008A3C;
--surface: #E5E6E7;
--warning: #FBE122;
--secondary: #FBE122;
--text-muted: #8D9093;
--background: #FFFFFF;
--text-primary: #1C1C1C;
--text-secondary: #5A5A5A;
}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.0:1
Pass
Text on surface
Needs 4.5:1 for body text
13.6:1
Pass
Secondary text on background
Needs 4.5:1 for body text
6.9:1
Pass
Secondary text on surface
Needs 4.5:1 for body text
5.5:1
Pass
Muted text on background
Needs 3:1 for large text
3.2:1
Pass
Muted text on surface
Needs 3:1 for large text
2.6:1
Fail
Manchester United gray and neutral colors
The quiet part of the Manchester United palette: page background, card surfaces, dividers and the three text tones that sit on them. Click a value to copy it.
- United WhiteBackground
- HEX
- RGB
- HSL
- United Light GreySurface
- HEX
- RGB
- HSL
- United Silver GreyBorder
- HEX
- RGB
- HSL
- United CharcoalText
- HEX
- RGB
- HSL
- United Medium GreySecondary text
- HEX
- RGB
- HSL
- United Muted GreyMuted text
- HEX
- RGB
- HSL
About Manchester United's colors
Manchester United's palette is dominated by a vivid red, supported by yellow and black, creating a strong and energetic visual identity. The use of neutral greys and white provides balance and clarity in digital and print applications.
Red and yellow provide high contrast and vibrancy.
Black and white offer grounding and legibility.
Greys are used for UI balance and hierarchy.
Psychology
Red conveys passion, energy, and dominance, aligning with the club's competitive spirit. Yellow adds optimism and visibility, while black and grey tones reinforce strength and seriousness.
Evolution
The core red, yellow, and black palette has remained consistent for decades, reflecting the club's tradition. Minor adjustments to grey tones and digital applications have modernized the palette for contemporary use.
Where Manchester United uses each color
- Primary
United Red is used on home jerseys, the club crest, and key calls to action on the website.
- Secondary
United Yellow appears in the crest, accent details, and select merchandise.
- Accent
United Black is used for text, outlines, and secondary kit elements.
- Backgrounds
United White and United Light Grey are used as backgrounds for web pages, print, and digital collateral.
- Text
United Charcoal and United Medium Grey are used for primary and secondary text on digital and print materials.
- Semantic
United Green, Yellow, and Red are used for status indicators and notifications in digital interfaces.
Manchester United color questions
Hex codes, RGB values, neutrals and how to use the palette.
The official Manchester United primary brand color is United Red, with the hex code #DA291C.
United Red (#DA291C) is RGB(218, 41, 28) and CMYK(0, 81, 87, 15).
Manchester United uses United Light Grey (#E5E6E7), United Silver Grey (#A7A9AC), and United White (#FFFFFF) for backgrounds and UI elements.
United Red (#DA291C) should dominate key branding elements, with United Yellow (#FBE122) and United Black (#000000) as supporting accents. Greys and white provide balance for backgrounds and text.
The secondary color is United Yellow, #FBE122, and the accent is United Black, #000000. 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 Manchester United's colors consistently when it generates UI.
Make something in the spirit of Manchester United
Start from this palette's mood and get an original 13-color system for your own project, contrast-checked and ready to export.