Liverpool FC color palette
SportsLiverpool FC's color identity is defined by its iconic red, accented by gold and white, with deep greys for contrast. The palette reflects the club's heritage and is consistently applied across digital, print, and kit designs.
liverpoolfc.comLiverpool FC colors
Click any swatch to copy its hex. Hover for RGB and HSL.
Brand colors
The colors people recognise.- Liverpool RedPrimary200, 16, 46
- Liverpool TealSecondary0, 178, 169
- Liverpool GoldAccent253, 185, 19
Surfaces
Page, cards and dividers.- Liverpool WhiteBackground255, 255, 255
- Liverpool Light GreySurface245, 245, 245
- Liverpool Silver GreyBorder209, 211, 212
Text
Three tiers of copy.- Liverpool CharcoalText35, 31, 32
- Liverpool Mid GreySecondary text109, 110, 113
- Liverpool Muted GreyMuted text167, 168, 170
Semantic
Feedback and state colors.- Liverpool GreenSuccess0, 177, 64
- Liverpool GoldWarning253, 185, 19
- Liverpool RedError200, 16, 46
- Liverpool TealInfo0, 178, 169
Use Liverpool FC's colors in your project
Pick a format, copy or download. Everything below is generated from the exact hex values above.
liverpool-fc-palette-colors.css · Paste into your global stylesheet.
:root {
--info: #00B2A9;
--error: #C8102E;
--accent: #FDB913;
--border: #D1D3D4;
--primary: #C8102E;
--success: #00B140;
--surface: #F5F5F5;
--warning: #FDB913;
--secondary: #00B2A9;
--text-muted: #A7A8AA;
--background: #FFFFFF;
--text-primary: #231F20;
--text-secondary: #6D6E71;
}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.3:1
Pass
Text on surface
Needs 4.5:1 for body text
15.0:1
Pass
Secondary text on background
Needs 4.5:1 for body text
5.1:1
Pass
Secondary text on surface
Needs 4.5:1 for body text
4.7:1
Pass
Muted text on background
Needs 3:1 for large text
2.4:1
Fail
Muted text on surface
Needs 3:1 for large text
2.2:1
Fail
Liverpool FC gray and neutral colors
The quiet part of the Liverpool FC palette: page background, card surfaces, dividers and the three text tones that sit on them. Click a value to copy it.
- Liverpool WhiteBackground
- HEX
- RGB
- HSL
- Liverpool Light GreySurface
- HEX
- RGB
- HSL
- Liverpool Silver GreyBorder
- HEX
- RGB
- HSL
- Liverpool CharcoalText
- HEX
- RGB
- HSL
- Liverpool Mid GreySecondary text
- HEX
- RGB
- HSL
- Liverpool Muted GreyMuted text
- HEX
- RGB
- HSL
About Liverpool FC's colors
Liverpool FC's palette is led by a bold, saturated red, complemented by gold and teal for accent and contrast. Neutral greys and white provide balance and clarity for digital and print applications.
Red and gold create a regal, energetic contrast.
Teal offers a modern accent against the traditional red.
Greys and white ground the palette for readability.
Psychology
Red evokes passion, energy, and strength, aligning with the club's identity and fan culture. Gold adds a sense of prestige and achievement.
Evolution
The core red has remained consistent since the 1960s, becoming synonymous with the club. Teal and gold accents have been introduced in recent years for modern branding and kit design.
Where Liverpool FC uses each color
- Primary
Liverpool Red is used for home kits, digital headers, and key branding elements.
- Secondary
Liverpool Teal appears in away kits, digital highlights, and graphic accents.
- Accent
Liverpool Gold is used for trim, typography highlights, and trophy graphics.
- Backgrounds
Liverpool White and Light Grey are used for website backgrounds and printed materials.
- Text
Liverpool Charcoal and Mid Grey are used for primary and secondary text on digital and print platforms.
- Semantic
Green, gold, and red are used for success, warning, and error states in UI elements.
Liverpool FC color questions
Hex codes, RGB values, neutrals and how to use the palette.
The official Liverpool FC primary brand color is Liverpool Red, hex code #C8102E.
Liverpool Red is RGB(200, 16, 46) and CMYK(2, 100, 85, 6). The hex code is #C8102E.
Liverpool FC uses Liverpool Charcoal (#231F20), Mid Grey (#6D6E71), Muted Grey (#A7A8AA), and Light Grey (#F5F5F5) for backgrounds and text.
Liverpool Red (#C8102E) should dominate, with gold and teal as accents and greys/white for backgrounds and text. Always use the exact hex codes for consistency across media.
The secondary color is Liverpool Teal, #00B2A9, and the accent is Liverpool Gold, #FDB913. 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 Liverpool FC's colors consistently when it generates UI.
Make something in the spirit of Liverpool FC
Start from this palette's mood and get an original 13-color system for your own project, contrast-checked and ready to export.