Golden State Warriors color palette
SportsThe Golden State Warriors' color identity is defined by bold royal blue and vibrant yellow, reflecting the team's energetic and iconic Bay Area heritage. These colors are consistently used across all branding, uniforms, and digital platforms.
nba.comGolden State Warriors colors
Click any swatch to copy its hex. Hover for RGB and HSL.
Brand colors
The colors people recognise.- Warriors Royal BluePrimary29, 66, 138
- Warriors YellowSecondary255, 199, 44
- Warriors GoldAccent253, 185, 39
Surfaces
Page, cards and dividers.- Warriors WhiteBackground255, 255, 255
- Warriors Light GraySurface245, 245, 245
- Warriors Silver GrayBorder196, 206, 212
Text
Three tiers of copy.- Warriors Royal BlueText29, 66, 138
- Warriors YellowSecondary text255, 199, 44
- Warriors CharcoalMuted text112, 114, 113
Semantic
Feedback and state colors.- Warriors Success GreenSuccess40, 167, 69
- Warriors YellowWarning255, 199, 44
- Warriors RedError200, 16, 46
- Warriors Blue AccentInfo0, 119, 192
Use Golden State Warriors's colors in your project
Pick a format, copy or download. Everything below is generated from the exact hex values above.
golden-state-warriors-palette-colors.css · Paste into your global stylesheet.
:root {
--info: #0077C0;
--error: #C8102E;
--accent: #FDB927;
--border: #C4CED4;
--primary: #1D428A;
--success: #28A745;
--surface: #F5F5F5;
--warning: #FFC72C;
--secondary: #FFC72C;
--text-muted: #707271;
--background: #FFFFFF;
--text-primary: #1D428A;
--text-secondary: #FFC72C;
}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.6:1
Pass
Text on surface
Needs 4.5:1 for body text
8.8:1
Pass
Secondary text on background
Needs 4.5:1 for body text
1.6:1
Fail
Secondary text on surface
Needs 4.5:1 for body text
1.4:1
Fail
Muted text on background
Needs 3:1 for large text
4.8:1
Pass
Muted text on surface
Needs 3:1 for large text
4.4:1
Pass
Golden State Warriors background, border and text colors
The quiet part of the Golden State Warriors palette: page background, card surfaces, dividers and the three text tones that sit on them. Click a value to copy it.
- Warriors WhiteBackground
- HEX
- RGB
- HSL
- Warriors Light GraySurface
- HEX
- RGB
- HSL
- Warriors Silver GrayBorder
- HEX
- RGB
- HSL
- Warriors Royal BlueText
- HEX
- RGB
- HSL
- Warriors YellowSecondary text
- HEX
- RGB
- HSL
- Warriors CharcoalMuted text
- HEX
- RGB
- HSL
About Golden State Warriors's colors
The Warriors' palette is anchored in high-contrast blue and yellow, creating a vibrant and energetic visual identity. The colors are chosen for maximum visibility and association with the Bay Area's spirit.
Royal blue and yellow are complementary and provide strong contrast.
Gray tones are used for balance and readability in digital contexts.
Gold accent adds warmth and prestige to the palette.
Psychology
Blue conveys trust, loyalty, and confidence, while yellow evokes energy, optimism, and excitement. Together, they create a dynamic and approachable brand presence.
Evolution
The Warriors' palette has remained consistent since the 2010 logo rebrand, focusing on royal blue and yellow. Minor adjustments in gold and gray tones have been made for digital clarity.
Where Golden State Warriors uses each color
- Primary
Warriors Royal Blue is used for primary backgrounds, navigation bars, and home jerseys.
- Secondary
Warriors Yellow is featured on away jerseys, call-to-action buttons, and highlights.
- Accent
Warriors Gold is used for trim, special merchandise, and celebratory graphics.
- Backgrounds
Warriors White and Light Gray are used for website backgrounds and app screens.
- Text
Royal Blue is the main text color, with Yellow and Charcoal for emphasis and secondary text.
- Semantic
Success Green, Warriors Yellow (warning), and Warriors Red (error) are used for alerts and status indicators.
Golden State Warriors color questions
Hex codes, RGB values, neutrals and how to use the palette.
The official primary brand color for the Golden State Warriors is Warriors Royal Blue, hex code #1D428A.
Warriors Royal Blue (#1D428A) is RGB(29, 66, 138) and CMYK(100, 78, 0, 18).
The Warriors use Warriors Light Gray (#F5F5F5), Silver Gray (#C4CED4), and Charcoal (#707271) for UI backgrounds, borders, and muted text.
Use Warriors Royal Blue (#1D428A) for primary elements, Warriors Yellow (#FFC72C) for accents and highlights, and neutrals for backgrounds and text to maintain brand consistency.
The secondary color is Warriors Yellow, #FFC72C, and the accent is Warriors Gold, #FDB927. Together with the primary they make up the three brand colors at the top of this page.
4 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 Golden State Warriors's colors consistently when it generates UI.
Make something in the spirit of Golden State Warriors
Start from this palette's mood and get an original 13-color system for your own project, contrast-checked and ready to export.