Premier League color palette
SportsThe Premier League brand identity features a bold and distinctive purple as its primary color, supported by a vibrant accent palette and modern neutrals for digital clarity. The color system is designed for high visibility across broadcast, digital, and print applications.
premierleague.comPremier League colors
Click any swatch to copy its hex. Hover for RGB and HSL.
Brand colors
The colors people recognise.- Premier League PurplePrimary54, 13, 58
- Premier League MagentaSecondary255, 26, 100
- Premier League CyanAccent6, 182, 234
Surfaces
Page, cards and dividers.- Premier League WhiteBackground255, 255, 255
- Premier League Light GreySurface245, 245, 245
- Premier League Divider GreyBorder208, 208, 208
Text
Three tiers of copy.- Premier League CharcoalText34, 34, 34
- Premier League Medium GreySecondary text102, 102, 102
- Premier League Muted GreyMuted text160, 160, 160
Semantic
Feedback and state colors.- Premier League GreenSuccess0, 199, 129
- Premier League YellowWarning255, 214, 0
- Premier League RedError255, 58, 48
- Premier League BlueInfo20, 118, 251
Use Premier League's colors in your project
Pick a format, copy or download. Everything below is generated from the exact hex values above.
premier-league-palette-colors.css · Paste into your global stylesheet.
:root {
--info: #1476FB;
--error: #FF3A30;
--accent: #06B6EA;
--border: #D0D0D0;
--primary: #360D3A;
--success: #00C781;
--surface: #F5F5F5;
--warning: #FFD600;
--secondary: #FF1A64;
--text-muted: #A0A0A0;
--background: #FFFFFF;
--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
15.9:1
Pass
Text on surface
Needs 4.5:1 for body text
14.6:1
Pass
Secondary text on background
Needs 4.5:1 for body text
5.7:1
Pass
Secondary text on surface
Needs 4.5:1 for body text
5.3: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.4:1
Fail
Premier League gray and neutral colors
The quiet part of the Premier League palette: page background, card surfaces, dividers and the three text tones that sit on them. Click a value to copy it.
- Premier League WhiteBackground
- HEX
- RGB
- HSL
- Premier League Light GreySurface
- HEX
- RGB
- HSL
- Premier League Divider GreyBorder
- HEX
- RGB
- HSL
- Premier League CharcoalText
- HEX
- RGB
- HSL
- Premier League Medium GreySecondary text
- HEX
- RGB
- HSL
- Premier League Muted GreyMuted text
- HEX
- RGB
- HSL
About Premier League's colors
Premier League's palette is anchored by a deep purple, symbolizing prestige and energy, paired with vibrant accents for modernity. The use of clean neutrals ensures accessibility and clarity in digital and broadcast environments.
Primary purple is contrasted with magenta and cyan for visual impact.
Neutrals provide balance and support readability.
Accent colors are used for highlights and calls to action.
Psychology
The purple conveys authority, creativity, and uniqueness, distinguishing the league from competitors. Bright accents inject a sense of excitement and modernity.
Evolution
The Premier League adopted its current purple-led palette in 2016, moving away from a more traditional blue and red scheme. The palette has remained consistent since, with minor adjustments for digital optimization.
Where Premier League uses each color
- Primary
Premier League Purple is used in the league logo, primary navigation, and key branding elements.
- Secondary
Premier League Magenta appears in promotional graphics, social media, and secondary buttons.
- Accent
Premier League Cyan is used for highlights, links, and interactive elements.
- Backgrounds
Premier League White and Light Grey are used for website backgrounds and app screens.
- Text
Charcoal and Medium Grey are used for primary and secondary text across digital and print.
- Semantic
Green, Yellow, Red, and Blue are used for status indicators and notifications in digital products.
Premier League color questions
Hex codes, RGB values, neutrals and how to use the palette.
The official Premier League primary color hex code is #360D3A. This purple is used in the league's logo and main branding.
Premier League Purple (#360D3A) in RGB is (54, 13, 58) and in CMYK is (7%, 78%, 0%, 77%). These values ensure accurate reproduction in digital and print.
The Premier League uses #F5F5F5 (Light Grey), #D0D0D0 (Divider Grey), #222222 (Charcoal), #666666 (Medium Grey), and #A0A0A0 (Muted Grey) for backgrounds, surfaces, and text. These neutrals provide clarity and accessibility across platforms.
Use Premier League Purple (#360D3A) for primary branding and navigation, with Magenta (#FF1A64) and Cyan (#06B6EA) as accents. Neutrals and semantic colors should be applied for backgrounds, text, and status indicators to maintain brand consistency.
The secondary color is Premier League Magenta, #FF1A64, and the accent is Premier League Cyan, #06B6EA. 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 Premier League's colors consistently when it generates UI.
Make something in the spirit of Premier League
Start from this palette's mood and get an original 13-color system for your own project, contrast-checked and ready to export.