Boston Celtics color palette
SportsThe Boston Celtics brand identity is defined by its iconic green, accented with black, gold, and white, reflecting its rich basketball heritage. The color palette is consistent across digital, print, and team uniforms.
nba.comBoston Celtics colors
Click any swatch to copy its hex. Hover for RGB and HSL.
Brand colors
The colors people recognise.- Celtics GreenPrimary0, 122, 51
- Celtics GoldSecondary186, 150, 83
- Celtics BrownAccent150, 56, 33
Surfaces
Page, cards and dividers.- Celtics WhiteBackground255, 255, 255
- Celtics Light GraySurface240, 240, 240
- Celtics BlackBorder0, 0, 0
Text
Three tiers of copy.- Celtics CharcoalText34, 34, 34
- Celtics Medium GraySecondary text102, 102, 102
- Celtics Muted GrayMuted text160, 160, 160
Semantic
Feedback and state colors.- Celtics GreenSuccess0, 122, 51
- Celtics GoldWarning186, 150, 83
- Celtics RedError211, 47, 47
- Celtics BlueInfo25, 118, 210
Use Boston Celtics's colors in your project
Pick a format, copy or download. Everything below is generated from the exact hex values above.
boston-celtics-palette-colors.css · Paste into your global stylesheet.
:root {
--info: #1976D2;
--error: #D32F2F;
--accent: #963821;
--border: #000000;
--primary: #007A33;
--success: #007A33;
--surface: #F0F0F0;
--warning: #BA9653;
--secondary: #BA9653;
--text-muted: #A0A0A0;
--background: #FFFFFF;
--text-primary: #222222;
--text-secondary: #666666;
}Contrast and accessibility
Every text tone tested against every surface, per WCAG 2.1.
Text on background
Needs 4.5:1 for body text
15.9:1
Pass
Text on surface
Needs 4.5:1 for body text
14.0:1
Pass
Secondary text on background
Needs 4.5:1 for body text
5.7:1
Pass
Secondary text on surface
Needs 4.5:1 for body text
5.0:1
Pass
Muted text on background
Needs 3:1 for large text
2.6:1
Fail
Muted text on surface
Needs 3:1 for large text
2.3:1
Fail
Boston Celtics gray and neutral colors
The quiet part of the Boston Celtics palette: page background, card surfaces, dividers and the three text tones that sit on them. Click a value to copy it.
- Celtics WhiteBackground
- HEX
- RGB
- HSL
- Celtics Light GraySurface
- HEX
- RGB
- HSL
- Celtics BlackBorder
- HEX
- RGB
- HSL
- Celtics CharcoalText
- HEX
- RGB
- HSL
- Celtics Medium GraySecondary text
- HEX
- RGB
- HSL
- Celtics Muted GrayMuted text
- HEX
- RGB
- HSL
About Boston Celtics's colors
The Celtics palette is built around a deep green, accented by gold and black for contrast and tradition. White and gray tones provide balance for digital and print applications.
Green and gold create a classic, prestigious feel.
Black and white offer strong contrast for legibility.
Gray tones support neutral UI backgrounds.
Psychology
Green signifies growth, tradition, and success, resonating with the team's legacy. Gold adds a sense of achievement and prestige.
Evolution
The Celtics' core green has remained unchanged for decades, reinforcing brand consistency. Accent colors like gold and brown have been refined for modern applications.
Where Boston Celtics uses each color
- Primary
Celtics Green is used on jerseys, the team logo, and primary website navigation.
- Secondary
Celtics Gold appears in logo accents and select merchandise.
- Accent
Celtics Brown is featured in the leprechaun mascot and some retro branding.
- Backgrounds
Celtics White and Light Gray are used for web backgrounds and print collateral.
- Text
Charcoal and Medium Gray are used for primary and secondary text on digital platforms.
- Semantic
Green is used for success states, gold for warnings, red for errors, and blue for informational highlights.
Boston Celtics color questions
Hex codes, RGB values, neutrals and how to use the palette.
The official Boston Celtics green is #007A33.
Celtics Green (#007A33) is RGB(0, 122, 51) and CMYK(100, 0, 80, 48).
The Celtics use #F0F0F0 (Light Gray) for surfaces, #222222 (Charcoal) for primary text, and #A0A0A0 (Muted Gray) for muted text.
Use Celtics Green (#007A33) for primary elements, Gold (#BA9653) for highlights, and White or Light Gray for backgrounds to maintain brand consistency.
The secondary color is Celtics Gold, #BA9653, and the accent is Celtics Brown, #963821. 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 Boston Celtics's colors consistently when it generates UI.
Make something in the spirit of Boston Celtics
Start from this palette's mood and get an original 13-color system for your own project, contrast-checked and ready to export.