Tottenham Hotspur color palette
SportsTottenham Hotspur's color identity centers on a deep navy blue, reflecting tradition and heritage, complemented by crisp white and subtle silver accents. The palette is consistent across digital, print, and kit applications.
tottenhamhotspur.comTottenham Hotspur colors
Click any swatch to copy its hex. Hover for RGB and HSL.
Brand colors
The colors people recognise.- Spurs NavyPrimary19, 34, 87
- Spurs WhiteSecondary255, 255, 255
- Spurs SilverAccent209, 211, 212
Surfaces
Page, cards and dividers.- Spurs Light GreyBackground245, 246, 250
- Spurs Pale GreySurface230, 231, 232
- Spurs Border GreyBorder191, 193, 194
Text
Three tiers of copy.- Spurs Navy TextText19, 34, 87
- Spurs Secondary GreySecondary text110, 110, 114
- Spurs Muted GreyMuted text167, 169, 172
Semantic
Feedback and state colors.- Spurs Success GreenSuccess0, 133, 63
- Spurs Warning YellowWarning255, 184, 28
- Spurs Error RedError213, 0, 50
- Spurs Info BlueInfo0, 157, 220
Use Tottenham Hotspur's colors in your project
Pick a format, copy or download. Everything below is generated from the exact hex values above.
tottenham-hotspur-palette-colors.css · Paste into your global stylesheet.
:root {
--info: #009DDC;
--error: #D50032;
--accent: #D1D3D4;
--border: #BFC1C2;
--primary: #132257;
--success: #00853F;
--surface: #E6E7E8;
--warning: #FFB81C;
--secondary: #FFFFFF;
--text-muted: #A7A9AC;
--background: #F5F6FA;
--text-primary: #132257;
--text-secondary: #6E6E72;
}Contrast and accessibility
Every text tone tested against every surface, per WCAG 2.1.
Text on background
Needs 4.5:1 for body text
13.9:1
Pass
Text on surface
Needs 4.5:1 for body text
12.2:1
Pass
Secondary text on background
Needs 4.5:1 for body text
4.7:1
Pass
Secondary text on surface
Needs 4.5:1 for body text
4.1:1
Fail
Muted text on background
Needs 3:1 for large text
2.2:1
Fail
Muted text on surface
Needs 3:1 for large text
1.9:1
Fail
Tottenham Hotspur background, border and text colors
The quiet part of the Tottenham Hotspur palette: page background, card surfaces, dividers and the three text tones that sit on them. Click a value to copy it.
- Spurs Light GreyBackground
- HEX
- RGB
- HSL
- Spurs Pale GreySurface
- HEX
- RGB
- HSL
- Spurs Border GreyBorder
- HEX
- RGB
- HSL
- Spurs Navy TextText
- HEX
- RGB
- HSL
- Spurs Secondary GreySecondary text
- HEX
- RGB
- HSL
- Spurs Muted GreyMuted text
- HEX
- RGB
- HSL
About Tottenham Hotspur's colors
Tottenham Hotspur's palette is built around a classic navy and white combination, symbolizing tradition and clarity. Silver and grey tones provide modernity and balance.
Primary navy and white create high contrast for legibility.
Silver and grey serve as neutral accents and backgrounds.
Accent colors are reserved for functional UI and messaging.
Psychology
Navy conveys trust, stability, and professionalism, while white represents purity and simplicity. Silver and grey add a sense of sophistication and modernity.
Evolution
The core navy and white palette has remained unchanged for decades, reinforcing brand recognition. Minor updates have refined the silver and grey accents for digital clarity.
Where Tottenham Hotspur uses each color
- Primary
Spurs Navy is used for the club crest, website navigation, and primary kit details.
- Secondary
Spurs White appears as the main background on the website and for home kits.
- Accent
Spurs Silver is used for trim on kits, digital highlights, and merchandise.
- Backgrounds
Spurs Light Grey and Pale Grey are used for UI backgrounds and section dividers.
- Text
Spurs Navy Text is used for headlines, with Secondary and Muted Greys for body and secondary text.
- Semantic
Success, warning, error, and info colors are used for notifications and status indicators in digital products.
Tottenham Hotspur color questions
Hex codes, RGB values, neutrals and how to use the palette.
The official Tottenham Hotspur primary color hex code is #132257, known as Spurs Navy.
Spurs Navy (#132257) is RGB(19, 34, 87) and CMYK(78, 61, 0, 66).
Tottenham Hotspur uses Spurs Light Grey (#F5F6FA), Pale Grey (#E6E7E8), and Border Grey (#BFC1C2) as its main neutral tones for backgrounds and UI elements.
Spurs Navy (#132257) and White (#FFFFFF) should dominate, with Silver and greys for accents and backgrounds. Use semantic colors only for status or alerts in digital contexts.
The secondary color is Spurs White, #FFFFFF, and the accent is Spurs Silver, #D1D3D4. Together with the primary they make up the three brand colors at the top of this page.
3 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 Tottenham Hotspur's colors consistently when it generates UI.
Make something in the spirit of Tottenham Hotspur
Start from this palette's mood and get an original 13-color system for your own project, contrast-checked and ready to export.