Green Bay Packers color palette
SportsThe Green Bay Packers' color identity is defined by its iconic green and gold, supported by white and deep gray neutrals. These colors are instantly recognizable on the team's uniforms, merchandise, and digital platforms.
packers.comGreen Bay Packers colors
Click any swatch to copy its hex. Hover for RGB and HSL.
Brand colors
The colors people recognise.- Packers GreenPrimary32, 55, 49
- Packers GoldSecondary255, 182, 18
- Packers WhiteAccent255, 255, 255
Surfaces
Page, cards and dividers.- Lambeau Light GrayBackground245, 245, 245
- Gridiron GraySurface229, 229, 229
- Sideline SilverBorder182, 182, 182
Text
Three tiers of copy.- Packers Green TextText32, 55, 49
- Locker Room GraySecondary text84, 88, 90
- Muted GrayMuted text140, 140, 140
Semantic
Feedback and state colors.- Victory GreenSuccess46, 139, 87
- Packers Gold AlertWarning255, 182, 18
- Challenge RedError200, 16, 46
- Field Info GreenInfo0, 122, 51
Use Green Bay Packers's colors in your project
Pick a format, copy or download. Everything below is generated from the exact hex values above.
green-bay-packers-palette-colors.css · Paste into your global stylesheet.
:root {
--info: #007A33;
--error: #C8102E;
--accent: #FFFFFF;
--border: #B6B6B6;
--primary: #203731;
--success: #2E8B57;
--surface: #E5E5E5;
--warning: #FFB612;
--secondary: #FFB612;
--text-muted: #8C8C8C;
--background: #F5F5F5;
--text-primary: #203731;
--text-secondary: #54585A;
}Contrast and accessibility
Every text tone tested against every surface, per WCAG 2.1.
Text on background
Needs 4.5:1 for body text
11.7:1
Pass
Text on surface
Needs 4.5:1 for body text
10.1:1
Pass
Secondary text on background
Needs 4.5:1 for body text
6.6:1
Pass
Secondary text on surface
Needs 4.5:1 for body text
5.7:1
Pass
Muted text on background
Needs 3:1 for large text
3.1:1
Pass
Muted text on surface
Needs 3:1 for large text
2.7:1
Fail
Green Bay Packers background, border and text colors
The quiet part of the Green Bay Packers palette: page background, card surfaces, dividers and the three text tones that sit on them. Click a value to copy it.
- Lambeau Light GrayBackground
- HEX
- RGB
- HSL
- Gridiron GraySurface
- HEX
- RGB
- HSL
- Sideline SilverBorder
- HEX
- RGB
- HSL
- Packers Green TextText
- HEX
- RGB
- HSL
- Locker Room GraySecondary text
- HEX
- RGB
- HSL
- Muted GrayMuted text
- HEX
- RGB
- HSL
About Green Bay Packers's colors
The Packers' palette is anchored by a deep green and vibrant gold, with white and gray neutrals for clarity and contrast. This combination evokes tradition, energy, and reliability.
Primary green and gold are complementary and high-contrast.
White provides clean separation and legibility.
Grays are used for balance and subtlety in UI elements.
Psychology
Green represents growth, tradition, and stability, while gold conveys excellence and prestige. Together, they create a sense of heritage and competitive spirit.
Evolution
The Packers' color palette has remained largely unchanged since its inception, reinforcing brand consistency. Minor adjustments have been made for digital clarity and accessibility.
Where Green Bay Packers uses each color
- Primary
Packers Green is used for jerseys, helmets, website headers, and primary navigation bars.
- Secondary
Packers Gold appears on jersey numbers, stripes, call-to-action buttons, and highlights.
- Accent
Packers White is used for backgrounds, text, and logo elements.
- Backgrounds
Lambeau Light Gray and Gridiron Gray are used in website backgrounds, app screens, and secondary UI panels.
- Text
Packers Green and Locker Room Gray are used for primary and secondary text across digital and print materials.
- Semantic
Victory Green, Packers Gold Alert, Challenge Red, and Field Info Green are used for status indicators, alerts, and notifications in digital interfaces.
Green Bay Packers color questions
Hex codes, RGB values, neutrals and how to use the palette.
The official Packers Green is #203731, as specified in the team's brand guidelines.
Packers Green (#203731) is RGB(32, 55, 49) and CMYK(82, 43, 74, 62).
The Packers use Lambeau Light Gray (#F5F5F5), Gridiron Gray (#E5E5E5), and Sideline Silver (#B6B6B6) for backgrounds and borders.
Primary and secondary colors should dominate key brand elements, while neutrals and semantic colors support readability and accessibility. Always use the exact hex codes for consistency.
The secondary color is Packers Gold, #FFB612, and the accent is Packers White, #FFFFFF. Together with the primary they make up the three brand colors at the top of this page.
5 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 Green Bay Packers's colors consistently when it generates UI.
Make something in the spirit of Green Bay Packers
Start from this palette's mood and get an original 13-color system for your own project, contrast-checked and ready to export.