Arsenal color palette
SportsArsenal Football Club's color identity is defined by its iconic red and white, which are instantly recognizable on kits and digital platforms. The palette is bold, classic, and rooted in tradition, reflecting the club's heritage.
arsenal.comArsenal colors
Click any swatch to copy its hex. Hover for RGB and HSL.
Brand colors
The colors people recognise.- Arsenal RedPrimary239, 1, 7
- Arsenal WhiteSecondary255, 255, 255
- Arsenal GoldAccent156, 130, 74
Surfaces
Page, cards and dividers.- Arsenal Light GreyBackground245, 245, 245
- Arsenal Pale GreySurface229, 229, 229
- Arsenal Silver GreyBorder193, 193, 193
Text
Three tiers of copy.- Arsenal CharcoalText26, 26, 26
- Arsenal Medium GreySecondary text110, 110, 110
- Arsenal Muted GreyMuted text168, 168, 168
Semantic
Feedback and state colors.- Arsenal GreenSuccess0, 135, 75
- Arsenal YellowWarning255, 184, 28
- Arsenal Error RedError215, 38, 61
- Arsenal BlueInfo0, 114, 206
Use Arsenal's colors in your project
Pick a format, copy or download. Everything below is generated from the exact hex values above.
arsenal-palette-colors.css · Paste into your global stylesheet.
:root {
--info: #0072CE;
--error: #D7263D;
--accent: #9C824A;
--border: #C1C1C1;
--primary: #EF0107;
--success: #00874B;
--surface: #E5E5E5;
--warning: #FFB81C;
--secondary: #FFFFFF;
--text-muted: #A8A8A8;
--background: #F5F5F5;
--text-primary: #1A1A1A;
--text-secondary: #6E6E6E;
}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.0:1
Pass
Text on surface
Needs 4.5:1 for body text
13.8: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.0: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
Arsenal gray and neutral colors
The quiet part of the Arsenal palette: page background, card surfaces, dividers and the three text tones that sit on them. Click a value to copy it.
- Arsenal Light GreyBackground
- HEX
- RGB
- HSL
- Arsenal Pale GreySurface
- HEX
- RGB
- HSL
- Arsenal Silver GreyBorder
- HEX
- RGB
- HSL
- Arsenal CharcoalText
- HEX
- RGB
- HSL
- Arsenal Medium GreySecondary text
- HEX
- RGB
- HSL
- Arsenal Muted GreyMuted text
- HEX
- RGB
- HSL
About Arsenal's colors
Arsenal's palette centers on a strong red, offset by clean white and metallic gold for accent. The supporting greys provide a modern, neutral foundation for digital and print applications.
Red and white are complementary and create high contrast.
Gold accent adds prestige and heritage.
Greys unify UI elements and text for clarity.
Psychology
Red evokes passion, energy, and determination, fitting for a football club. White and gold add a sense of tradition, clarity, and excellence.
Evolution
The Arsenal palette has remained remarkably consistent, with red and white as core colors since the club's early years. Gold and modern greys have been introduced in recent decades for digital and commemorative uses.
Where Arsenal uses each color
- Primary
Arsenal Red is used for home jerseys, website headers, and key branding elements.
- Secondary
Arsenal White appears on away kits, navigation backgrounds, and as a contrast color in digital layouts.
- Accent
Arsenal Gold is featured in the club crest, special edition kits, and trophy graphics.
- Backgrounds
Arsenal Light Grey and Pale Grey are used for website backgrounds and UI surfaces.
- Text
Arsenal Charcoal and Medium Grey are used for primary and secondary text across digital and print materials.
- Semantic
Arsenal Green, Yellow, Error Red, and Blue are used for status indicators, notifications, and informational highlights in digital products.
Arsenal color questions
Hex codes, RGB values, neutrals and how to use the palette.
The official Arsenal brand color is Arsenal Red, with the hex code #EF0107. This red is used on kits, branding, and digital platforms.
Arsenal Red (#EF0107) in RGB is (239, 1, 7) and in CMYK is approximately (0, 99, 97, 6). These values ensure color consistency across print and digital media.
Arsenal uses a range of greys for UI and text, with Arsenal Light Grey (#F5F5F5) and Arsenal Charcoal (#1A1A1A) being the most common. These provide a clean, modern backdrop for the vibrant red and gold.
Use Arsenal Red (#EF0107) for primary branding and call-to-action elements, with Arsenal White (#FFFFFF) and greys for backgrounds and text. Gold (#9C824A) is reserved for accents and special highlights.
The secondary color is Arsenal White, #FFFFFF, and the accent is Arsenal Gold, #9C824A. 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 Arsenal's colors consistently when it generates UI.
Make something in the spirit of Arsenal
Start from this palette's mood and get an original 13-color system for your own project, contrast-checked and ready to export.