New England Patriots color palette
SportsThe New England Patriots brand color system features a bold palette of navy blue, red, and silver, reflecting the team's American heritage and identity. The colors are consistent across digital, print, and uniform applications.
patriots.comNew England Patriots colors
Click any swatch to copy its hex. Hover for RGB and HSL.
Brand colors
The colors people recognise.- Patriots Nautical BluePrimary0, 34, 68
- Patriots RedSecondary198, 12, 48
- Patriots SilverAccent176, 183, 188
Surfaces
Page, cards and dividers.- Patriots WhiteBackground255, 255, 255
- Patriots Light GraySurface240, 243, 245
- Patriots Border GrayBorder214, 216, 219
Text
Three tiers of copy.- Patriots Nautical BlueText0, 34, 68
- Patriots Medium GraySecondary text110, 116, 122
- Patriots Muted SilverMuted text162, 170, 173
Semantic
Feedback and state colors.- Patriots Success GreenSuccess75, 159, 71
- Patriots Warning GoldWarning255, 184, 28
- Patriots RedError198, 12, 48
- Patriots Info BlueInfo0, 118, 182
Use New England Patriots's colors in your project
Pick a format, copy or download. Everything below is generated from the exact hex values above.
new-england-patriots-palette-colors.css · Paste into your global stylesheet.
:root {
--info: #0076B6;
--error: #C60C30;
--accent: #B0B7BC;
--border: #D6D8DB;
--primary: #002244;
--success: #4B9F47;
--surface: #F0F3F5;
--warning: #FFB81C;
--secondary: #C60C30;
--text-muted: #A2AAAD;
--background: #FFFFFF;
--text-primary: #002244;
--text-secondary: #6E747A;
}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
14.4: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.2:1
Fail
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.1:1
Fail
New England Patriots background, border and text colors
The quiet part of the New England Patriots palette: page background, card surfaces, dividers and the three text tones that sit on them. Click a value to copy it.
- Patriots WhiteBackground
- HEX
- RGB
- HSL
- Patriots Light GraySurface
- HEX
- RGB
- HSL
- Patriots Border GrayBorder
- HEX
- RGB
- HSL
- Patriots Nautical BlueText
- HEX
- RGB
- HSL
- Patriots Medium GraySecondary text
- HEX
- RGB
- HSL
- Patriots Muted SilverMuted text
- HEX
- RGB
- HSL
About New England Patriots's colors
The Patriots' palette is built on a triadic scheme of navy, red, and silver, evoking strength and tradition. The colors are balanced for high contrast and clear visibility across all media.
Primary blue and secondary red are complementary and patriotic.
Silver accent provides a modern, metallic touch.
Neutral grays and white support clarity and readability.
Psychology
Navy blue conveys trust, authority, and stability, while red adds energy and passion. Silver and gray tones suggest modernity and professionalism.
Evolution
The Patriots' core colors have remained stable since the 2000s rebrand, with minor adjustments to silver and gray tones for digital clarity. The palette has been consistently applied across uniforms, branding, and digital assets.
Where New England Patriots uses each color
- Primary
Patriots Nautical Blue is used for primary backgrounds, navigation bars, and home jerseys.
- Secondary
Patriots Red appears in call-to-action buttons, highlights, and away jersey accents.
- Accent
Patriots Silver is featured in logos, helmet stripes, and UI icons.
- Backgrounds
Patriots White and Light Gray are used for page backgrounds and content surfaces.
- Text
Nautical Blue and Medium Gray are used for primary and secondary text, with Muted Silver for less prominent information.
- Semantic
Success Green, Warning Gold, and Patriots Red are used for status indicators and alerts in digital interfaces.
New England Patriots color questions
Hex codes, RGB values, neutrals and how to use the palette.
The official primary color hex code for the New England Patriots is #002244, known as Patriots Nautical Blue.
Patriots Nautical Blue (#002244) has an RGB value of (0, 34, 68) and a typical CMYK value of (100, 68, 0, 54).
The Patriots use several grays including Patriots Light Gray (#F0F3F5), Border Gray (#D6D8DB), and Muted Silver (#A2AAAD) for backgrounds, borders, and muted text.
Use Patriots Nautical Blue (#002244) for primary elements and backgrounds, Patriots Red (#C60C30) for accents and calls to action, and Patriots Silver (#B0B7BC) for highlights and secondary accents. Grays and white provide neutral backgrounds and text support.
The secondary color is Patriots Red, #C60C30, and the accent is Patriots Silver, #B0B7BC. 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 New England Patriots's colors consistently when it generates UI.
Make something in the spirit of New England Patriots
Start from this palette's mood and get an original 13-color system for your own project, contrast-checked and ready to export.