Philadelphia Eagles color palette
SportsThe Philadelphia Eagles' color identity is defined by its distinctive midnight green, complemented by black, silver, and white. These colors are used consistently across uniforms, branding, and digital assets.
philadelphiaeagles.comPhiladelphia Eagles colors
Click any swatch to copy its hex. Hover for RGB and HSL.
Brand colors
The colors people recognise.- Eagles Midnight GreenPrimary0, 76, 84
- Eagles SilverSecondary165, 172, 175
- Eagles BlackAccent0, 0, 0
Surfaces
Page, cards and dividers.- Eagles WhiteBackground255, 255, 255
- Eagles Light GraySurface229, 230, 231
- Eagles SilverBorder165, 172, 175
Text
Three tiers of copy.- Eagles Midnight GreenText0, 76, 84
- Eagles BlackSecondary text0, 0, 0
- Eagles CharcoalMuted text109, 111, 113
Semantic
Feedback and state colors.- Eagles TealSuccess0, 130, 114
- Eagles GoldWarning255, 194, 14
- Eagles RedError198, 12, 48
- Eagles SilverInfo165, 172, 175
Use Philadelphia Eagles's colors in your project
Pick a format, copy or download. Everything below is generated from the exact hex values above.
philadelphia-eagles-palette-colors.css · Paste into your global stylesheet.
:root {
--info: #A5ACAF;
--error: #C60C30;
--accent: #000000;
--border: #A5ACAF;
--primary: #004C54;
--success: #008272;
--surface: #E5E6E7;
--warning: #FFC20E;
--secondary: #A5ACAF;
--text-muted: #6D6F71;
--background: #FFFFFF;
--text-primary: #004C54;
--text-secondary: #000000;
}Contrast and accessibility
Every text tone tested against every surface, per WCAG 2.1.
Text on background
Needs 4.5:1 for body text
9.7:1
Pass
Text on surface
Needs 4.5:1 for body text
7.8:1
Pass
Secondary text on background
Needs 4.5:1 for body text
21.0:1
Pass
Secondary text on surface
Needs 4.5:1 for body text
16.8:1
Pass
Muted text on background
Needs 3:1 for large text
5.0:1
Pass
Muted text on surface
Needs 3:1 for large text
4.0:1
Pass
Philadelphia Eagles background, border and text colors
The quiet part of the Philadelphia Eagles palette: page background, card surfaces, dividers and the three text tones that sit on them. Click a value to copy it.
- Eagles WhiteBackground
- HEX
- RGB
- HSL
- Eagles Light GraySurface
- HEX
- RGB
- HSL
- Eagles SilverBorder
- HEX
- RGB
- HSL
- Eagles Midnight GreenText
- HEX
- RGB
- HSL
- Eagles BlackSecondary text
- HEX
- RGB
- HSL
- Eagles CharcoalMuted text
- HEX
- RGB
- HSL
About Philadelphia Eagles's colors
The Eagles' palette is anchored by a deep, cool green, balanced with neutral black, silver, and white. This combination conveys strength, tradition, and clarity across all brand touchpoints.
Midnight green is paired with silver for contrast.
Black is used for emphasis and outlines.
White provides clarity and space in digital and print.
Psychology
Midnight green evokes resilience and determination, while silver and black add sophistication and power. The palette is intended to inspire confidence and unity among fans and players.
Evolution
The core palette has remained stable since the team's 1996 rebrand, when midnight green replaced the former kelly green. Minor adjustments to silver and black tones have occurred for digital consistency.
Where Philadelphia Eagles uses each color
- Primary
Eagles Midnight Green is used on home jerseys, primary website navigation, and key brand assets.
- Secondary
Eagles Silver appears on helmet wings, secondary buttons, and accent graphics.
- Accent
Eagles Black is used for outlines, typography, and alternate jerseys.
- Backgrounds
Eagles White is the main background for digital and print materials.
- Text
Midnight Green and black are used for primary and secondary text, respectively, with charcoal for muted or disabled states.
- Semantic
Teal, gold, and red are used for success, warning, and error states in digital interfaces.
Philadelphia Eagles color questions
Hex codes, RGB values, neutrals and how to use the palette.
The official Philadelphia Eagles primary color is Eagles Midnight Green, hex code #004C54.
Eagles Midnight Green (#004C54) is RGB(0, 76, 84) and CMYK(100, 0, 20, 67).
The Eagles use Eagles Silver (#A5ACAF) and Eagles Light Gray (#E5E6E7) for neutral UI backgrounds and borders.
Use Eagles Midnight Green (#004C54) for primary elements, silver (#A5ACAF) for accents, and black (#000000) for outlines and text; always maintain high contrast and follow official guidelines.
The secondary color is Eagles Silver, #A5ACAF, and the accent is Eagles Black, #000000. Together with the primary they make up the three brand colors at the top of this page.
6 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 Philadelphia Eagles's colors consistently when it generates UI.
Make something in the spirit of Philadelphia Eagles
Start from this palette's mood and get an original 13-color system for your own project, contrast-checked and ready to export.