New York Yankees color palette
SportsThe New York Yankees brand identity is defined by its iconic navy blue and white color palette, reflecting tradition and timelessness. The colors are used consistently across uniforms, merchandise, and digital platforms.
mlb.comNew York Yankees colors
Click any swatch to copy its hex. Hover for RGB and HSL.
Brand colors
The colors people recognise.- Yankees NavyPrimary12, 35, 64
- Yankees WhiteSecondary255, 255, 255
- Yankees SilverAccent196, 206, 212
Surfaces
Page, cards and dividers.- Yankees Light GrayBackground245, 246, 250
- Yankees Surface GraySurface229, 233, 242
- Yankees Border GrayBorder162, 170, 173
Text
Three tiers of copy.- Yankees Navy TextText12, 35, 64
- Yankees Secondary TextSecondary text77, 91, 107
- Yankees Muted TextMuted text162, 170, 173
Semantic
Feedback and state colors.- Yankees Success GreenSuccess0, 132, 61
- Yankees Warning GoldWarning255, 184, 28
- Yankees Error RedError224, 58, 62
- Yankees Info BlueInfo0, 114, 206
Use New York Yankees's colors in your project
Pick a format, copy or download. Everything below is generated from the exact hex values above.
new-york-yankees-palette-colors.css · Paste into your global stylesheet.
:root {
--info: #0072CE;
--error: #E03A3E;
--accent: #C4CED4;
--border: #A2AAAD;
--primary: #0C2340;
--success: #00843D;
--surface: #E5E9F2;
--warning: #FFB81C;
--secondary: #FFFFFF;
--text-muted: #A2AAAD;
--background: #F5F6FA;
--text-primary: #0C2340;
--text-secondary: #4D5B6B;
}Contrast and accessibility
Every text tone tested against every surface, per WCAG 2.1.
Text on background
Needs 4.5:1 for body text
14.6:1
Pass
Text on surface
Needs 4.5:1 for body text
13.0:1
Pass
Secondary text on background
Needs 4.5:1 for body text
6.4: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
2.2:1
Fail
Muted text on surface
Needs 3:1 for large text
1.9:1
Fail
New York Yankees background, border and text colors
The quiet part of the New York Yankees palette: page background, card surfaces, dividers and the three text tones that sit on them. Click a value to copy it.
- Yankees Light GrayBackground
- HEX
- RGB
- HSL
- Yankees Surface GraySurface
- HEX
- RGB
- HSL
- Yankees Border GrayBorder
- HEX
- RGB
- HSL
- Yankees Navy TextText
- HEX
- RGB
- HSL
- Yankees Secondary TextSecondary text
- HEX
- RGB
- HSL
- Yankees Muted TextMuted text
- HEX
- RGB
- HSL
About New York Yankees's colors
The Yankees' palette centers on a deep navy blue paired with crisp white, evoking a sense of heritage and professionalism. Subtle grays and silver tones support the primary colors for depth and contrast.
Navy and white create strong visual contrast for readability.
Silver and gray tones are used for accents and backgrounds.
Accent colors are reserved for functional UI and messaging.
Psychology
Navy blue conveys trust, tradition, and authority, aligning with the Yankees' storied legacy. White adds clarity and a sense of cleanliness to the brand's presentation.
Evolution
The Yankees' color palette has remained largely unchanged for decades, reinforcing brand consistency. Minor adjustments to gray and silver tones have occurred for digital applications.
Where New York Yankees uses each color
- Primary
Yankees Navy is used on caps, jerseys, and primary navigation bars.
- Secondary
Yankees White appears on home uniforms, website backgrounds, and text.
- Accent
Yankees Silver is used for logo outlines, merchandise details, and subtle UI highlights.
- Backgrounds
Yankees Light Gray and Surface Gray are used for website backgrounds and content areas.
- Text
Yankees Navy and Secondary Text colors are used for headlines and body copy across digital and print.
- Semantic
Success Green, Warning Gold, Error Red, and Info Blue are used for alerts and status indicators in digital interfaces.
New York Yankees color questions
Hex codes, RGB values, neutrals and how to use the palette.
The official New York Yankees primary brand color is Yankees Navy, hex code #0C2340.
Yankees Navy (#0C2340) is RGB(12, 35, 64) and CMYK(100, 76, 12, 70).
The Yankees use several gray tones, including Yankees Silver (#C4CED4), Surface Gray (#E5E9F2), and Border Gray (#A2AAAD), for backgrounds, borders, and muted text.
Yankees Navy (#0C2340) and White (#FFFFFF) should dominate primary elements, with silver and gray for accents and backgrounds. Semantic colors are reserved for status indicators and alerts in digital contexts.
The secondary color is Yankees White, #FFFFFF, and the accent is Yankees Silver, #C4CED4. 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 New York Yankees's colors consistently when it generates UI.
Make something in the spirit of New York Yankees
Start from this palette's mood and get an original 13-color system for your own project, contrast-checked and ready to export.