Boston Red Sox color palette
SportsThe Boston Red Sox brand identity is defined by its iconic deep red and navy blue, reflecting a classic and enduring sports tradition. The palette is simple, bold, and instantly recognizable across all team assets.
mlb.comBoston Red Sox colors
Click any swatch to copy its hex. Hover for RGB and HSL.
Brand colors
The colors people recognise.- Red Sox RedPrimary189, 48, 57
- Red Sox NavySecondary12, 35, 64
- Red Sox WhiteAccent255, 255, 255
Surfaces
Page, cards and dividers.- Fenway GrayBackground244, 244, 244
- Dugout SilverSurface229, 229, 229
- Uniform GrayBorder162, 170, 173
Text
Three tiers of copy.- Navy TextText12, 35, 64
- Scoreboard GraySecondary text109, 110, 113
- Muted GrayMuted text162, 170, 173
Semantic
Feedback and state colors.- Green MonsterSuccess0, 122, 51
- Warning YellowWarning255, 184, 28
- Red Sox RedError189, 48, 57
- Navy InfoInfo12, 35, 64
Use Boston Red Sox's colors in your project
Pick a format, copy or download. Everything below is generated from the exact hex values above.
boston-red-sox-palette-colors.css · Paste into your global stylesheet.
:root {
--info: #0C2340;
--error: #BD3039;
--accent: #FFFFFF;
--border: #A2AAAD;
--primary: #BD3039;
--success: #007A33;
--surface: #E5E5E5;
--warning: #FFB81C;
--secondary: #0C2340;
--text-muted: #A2AAAD;
--background: #F4F4F4;
--text-primary: #0C2340;
--text-secondary: #6D6E71;
}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.4:1
Pass
Text on surface
Needs 4.5:1 for body text
12.5:1
Pass
Secondary text on background
Needs 4.5:1 for body text
4.6:1
Pass
Secondary text on surface
Needs 4.5:1 for body text
4.0:1
Fail
Muted text on background
Needs 3:1 for large text
2.1:1
Fail
Muted text on surface
Needs 3:1 for large text
1.9:1
Fail
Boston Red Sox background, border and text colors
The quiet part of the Boston Red Sox palette: page background, card surfaces, dividers and the three text tones that sit on them. Click a value to copy it.
- Fenway GrayBackground
- HEX
- RGB
- HSL
- Dugout SilverSurface
- HEX
- RGB
- HSL
- Uniform GrayBorder
- HEX
- RGB
- HSL
- Navy TextText
- HEX
- RGB
- HSL
- Scoreboard GraySecondary text
- HEX
- RGB
- HSL
- Muted GrayMuted text
- HEX
- RGB
- HSL
About Boston Red Sox's colors
The Boston Red Sox color palette is built around a strong red and navy blue, evoking tradition and athletic excellence. White and grays provide balance and versatility for digital and print applications.
Red and navy are complementary and create a bold contrast.
White serves as a neutral base for clarity.
Grays are used for subtlety and hierarchy in UI elements.
Psychology
Red conveys energy, passion, and excitement, fitting for a storied baseball franchise. Navy blue adds a sense of stability, trust, and heritage.
Evolution
The Red Sox palette has remained largely unchanged for decades, reinforcing brand consistency. Minor adjustments have been made to gray tones for modern digital use.
Where Boston Red Sox uses each color
- Primary
Red Sox Red is used on jerseys, logos, and primary buttons on digital platforms.
- Secondary
Red Sox Navy appears in caps, alternate uniforms, and navigation bars.
- Accent
Red Sox White is used for text, backgrounds, and uniform accents.
- Backgrounds
Fenway Gray and Dugout Silver are used for web backgrounds and secondary surfaces.
- Text
Navy Text and Scoreboard Gray are used for primary and secondary text on digital and print materials.
- Semantic
Green Monster, Warning Yellow, and Red Sox Red are used for status indicators and highlights.
Boston Red Sox color questions
Hex codes, RGB values, neutrals and how to use the palette.
The official Boston Red Sox primary color hex code is #BD3039, known as Red Sox Red.
Red Sox Red (#BD3039) in RGB is (189, 48, 57) and in CMYK is (0, 87, 70, 26).
The Red Sox use Fenway Gray (#F4F4F4), Dugout Silver (#E5E5E5), Uniform Gray (#A2AAAD), and Scoreboard Gray (#6D6E71) for backgrounds, borders, and muted text.
Red Sox Red (#BD3039) and Red Sox Navy (#0C2340) should dominate primary branding, with white and grays supporting as backgrounds and text. Accent and semantic colors are reserved for highlights and status elements.
The secondary color is Red Sox Navy, #0C2340, and the accent is Red Sox White, #FFFFFF. 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 Boston Red Sox's colors consistently when it generates UI.
Make something in the spirit of Boston Red Sox
Start from this palette's mood and get an original 13-color system for your own project, contrast-checked and ready to export.