Starbucks color palette
Food & DrinkStarbucks' color identity centers on its iconic green, complemented by deep neutrals and clean whites, reflecting its heritage and premium positioning. The palette is used consistently across stores, packaging, and digital interfaces.
starbucks.comStarbucks colors
Click any swatch to copy its hex. Hover for RGB and HSL.
Brand colors
The colors people recognise.- Starbucks GreenPrimary0, 98, 65
- Starbucks Accent GreenSecondary0, 117, 74
- Starbucks MintAccent212, 233, 226
Surfaces
Page, cards and dividers.- Starbucks WhiteBackground255, 255, 255
- Starbucks Light GraySurface249, 249, 249
- Starbucks Border GrayBorder224, 224, 224
Text
Three tiers of copy.- Starbucks Dark GreenText30, 57, 50
- Starbucks Medium GraySecondary text108, 108, 108
- Starbucks Muted GrayMuted text175, 175, 175
Semantic
Feedback and state colors.- Starbucks Success GreenSuccess0, 130, 72
- Starbucks GoldWarning255, 199, 44
- Starbucks RedError214, 43, 31
- Starbucks Info GrayInfo178, 178, 178
Use Starbucks's colors in your project
Pick a format, copy or download. Everything below is generated from the exact hex values above.
starbucks-palette-colors.css · Paste into your global stylesheet.
:root {
--info: #B2B2B2;
--error: #D62B1F;
--accent: #D4E9E2;
--border: #E0E0E0;
--primary: #006241;
--success: #008248;
--surface: #F9F9F9;
--warning: #FFC72C;
--secondary: #00754A;
--text-muted: #AFAFAF;
--background: #FFFFFF;
--text-primary: #1E3932;
--text-secondary: #6C6C6C;
}Contrast and accessibility
Every text tone tested against every surface, per WCAG 2.1.
Text on background
Needs 4.5:1 for body text
12.5:1
Pass
Text on surface
Needs 4.5:1 for body text
11.8:1
Pass
Secondary text on background
Needs 4.5:1 for body text
5.3: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.2:1
Fail
Muted text on surface
Needs 3:1 for large text
2.1:1
Fail
Starbucks background, border and text colors
The quiet part of the Starbucks palette: page background, card surfaces, dividers and the three text tones that sit on them. Click a value to copy it.
- Starbucks WhiteBackground
- HEX
- RGB
- HSL
- Starbucks Light GraySurface
- HEX
- RGB
- HSL
- Starbucks Border GrayBorder
- HEX
- RGB
- HSL
- Starbucks Dark GreenText
- HEX
- RGB
- HSL
- Starbucks Medium GraySecondary text
- HEX
- RGB
- HSL
- Starbucks Muted GrayMuted text
- HEX
- RGB
- HSL
About Starbucks's colors
Starbucks' palette is built around a signature green, symbolizing growth and freshness, balanced by neutral grays and whites for clarity and sophistication. The supporting colors reinforce the brand's natural and premium image.
Primary green is paired with white for high contrast.
Accent greens are used for highlights and calls to action.
Neutrals provide a calm, modern backdrop for content.
Psychology
Green evokes feelings of calm, renewal, and environmental consciousness, aligning with Starbucks' brand values. The use of white and gray adds a sense of cleanliness and approachability.
Evolution
Starbucks' core green has remained unchanged since its introduction, maintaining strong brand recognition. Over time, the palette has expanded to include more nuanced grays and accent greens for digital and retail environments.
Where Starbucks uses each color
- Primary
Used in the logo, navigation bars, and primary buttons.
- Secondary
Appears in secondary buttons, highlights, and select packaging elements.
- Accent
Used for backgrounds, subtle highlights, and promotional materials.
- Backgrounds
White and light gray are used for app and web backgrounds, as well as in-store signage.
- Text
Dark green and medium gray are used for primary and secondary text across digital and print materials.
- Semantic
Gold, red, and success green are used for alerts, notifications, and special promotions.
Starbucks color questions
Hex codes, RGB values, neutrals and how to use the palette.
The Starbucks primary color hex code is #006241, known as Starbucks Green.
Starbucks Green (#006241) has an RGB value of 0, 98, 65 and a CMYK value of 90, 0, 70, 60.
Starbucks uses a range of neutral grays such as #F9F9F9 (Starbucks Light Gray), #E0E0E0 (Starbucks Border Gray), and #6C6C6C (Starbucks Medium Gray) in its UI and packaging.
The primary green (#006241) should be dominant in branding and navigation, with accent greens and neutrals supporting UI elements and backgrounds for clarity and consistency.
The secondary color is Starbucks Accent Green, #00754A, and the accent is Starbucks Mint, #D4E9E2. 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 Starbucks's colors consistently when it generates UI.
Make something in the spirit of Starbucks
Start from this palette's mood and get an original 13-color system for your own project, contrast-checked and ready to export.