Starbucks colors
The Starbucks color palette has 6 colors: Starbucks Green #006241, Accent Green #00754A, House Green #1E3932, Light Green #D4E9E2, Warm Neutral #F2F0EB and Cool Neutral #F9F9F9. Below are HEX, RGB, HSL and OKLCH codes, contrast checks, CSS and Tailwind variables, all from official guidelines checked on 16 October 2026.
Starbucks color codes
| Color | Role | HEX | RGB | HSL | OKLCH |
|---|---|---|---|---|---|
| Starbucks Green | Primary | #006241 | rgb(0, 98, 65) | hsl(160, 100%, 19%) | oklch(43.8% 0.097 161.7) |
| Accent Green | Accent | #00754A | rgb(0, 117, 74) | hsl(158, 100%, 23%) | oklch(49.6% 0.114 159.3) |
| House Green | Secondary | #1E3932 | rgb(30, 57, 50) | hsl(164, 31%, 17%) | oklch(32% 0.036 175.4) |
| Light Green | Background | #D4E9E2 | rgb(212, 233, 226) | hsl(160, 32%, 87%) | oklch(91.7% 0.024 173.8) |
| Warm Neutral | Neutral | #F2F0EB | rgb(242, 240, 235) | hsl(43, 21%, 94%) | oklch(95.5% 0.007 88.6) |
| Cool Neutral | Neutral | #F9F9F9 | rgb(249, 249, 249) | hsl(0, 0%, 98%) | oklch(98.2% 0 0) |
Select a color to open its own page with tints, shades, harmonies and every color format, or open the whole set in the palette generator.
Where the Starbucks colors come from
These hex values are published by Starbucks in its own brand guidelines. We fetched the page on 16 October 2026 and copied the values exactly; nothing here is estimated from a logo image.
- Source: https://creative.starbucks.com/color/ checked 2026-10-16
Starbucks color contrast
White text on Starbucks Green has a contrast ratio of 7.43:1 and passes WCAG AAA for any text size. Used as a text color, Starbucks Green reaches 7.43:1 on white and 2.82:1 on black. Ratios are WCAG 2 (truncated, never rounded up); APCA Lc is shown as a second opinion.
| Pair | WCAG 2 ratio | WCAG 2 result | APCA | APCA guidance |
|---|---|---|---|---|
| White on Starbucks Green | 7.43:1 | AAA | Lc -90.2 | Preferred for body text |
| Black on Starbucks Green | 2.82:1 | Fails | Lc 18.7 | Dividers and decoration only |
| White on Accent Green | 5.76:1 | AA | Lc -83.5 | Fine for body text |
| Black on Accent Green | 3.64:1 | AA large text | Lc 25.8 | Dividers and decoration only |
| White on House Green | 12.45:1 | AAA | Lc -101.7 | Preferred for body text |
| Black on House Green | 1.68:1 | Fails | Lc 0.0 | Not readable |
| White on Light Green | 1.26:1 | Fails | Lc -15.4 | Dividers and decoration only |
| Black on Light Green | 16.55:1 | AAA | Lc 90.3 | Preferred for body text |
| White on Warm Neutral | 1.13:1 | Fails | Lc -7.5 | Not readable |
| Black on Warm Neutral | 18.43:1 | AAA | Lc 97.2 | Preferred for body text |
| White on Cool Neutral | 1.05:1 | Fails | Lc 0.0 | Not readable |
| Black on Cool Neutral | 19.94:1 | AAA | Lc 102.5 | Preferred for body text |
| Pair | WCAG 2 ratio | WCAG 2 result | APCA | APCA guidance |
|---|---|---|---|---|
| House Green on Cool Neutral | 11.82:1 | AAA | Lc 94.7 | Preferred for body text |
| House Green on Warm Neutral | 10.93:1 | AAA | Lc 89.4 | Fine for body text |
| House Green on Light Green | 9.81:1 | AAA | Lc 82.5 | Fine for body text |
| Starbucks Green on Cool Neutral | 7.06:1 | AAA | Lc 81.7 | Fine for body text |
Starbucks colors in CSS and Tailwind
Copy the Starbucks palette as CSS custom properties or as a Tailwind CSS v4 theme. The last snippet is an 11-step Tailwind scale (50 to 950) generated in OKLCH from Starbucks Green, for hover states, borders and tinted backgrounds.
:root {
--starbucks-green: #006241;
--starbucks-accent-green: #00754A;
--starbucks-house-green: #1E3932;
--starbucks-light-green: #D4E9E2;
--starbucks-warm-neutral: #F2F0EB;
--starbucks-cool-neutral: #F9F9F9;
}@import "tailwindcss";
@theme {
--color-starbucks-green: #006241;
--color-starbucks-accent-green: #00754A;
--color-starbucks-house-green: #1E3932;
--color-starbucks-light-green: #D4E9E2;
--color-starbucks-warm-neutral: #F2F0EB;
--color-starbucks-cool-neutral: #F9F9F9;
}@theme {
--color-starbucks-50: #F1F7F4;
--color-starbucks-100: #E1EDE6;
--color-starbucks-200: #C8E0D3;
--color-starbucks-300: #A1CCB5;
--color-starbucks-400: #6AB28F;
--color-starbucks-500: #399F73;
--color-starbucks-600: #00895C;
--color-starbucks-700: #00734D;
--color-starbucks-800: #006241;
--color-starbucks-900: #0F4E35;
--color-starbucks-950: #0C2E1F;
}Named colors closest to the Starbucks palette
The nearest named color to each brand color, measured as perceptual distance (ΔE OK) in OKLab. Under 0.02 is hard to tell apart; above 0.05 the difference is easy to see.
| Brand color | HEX | Nearest named color | Named HEX | ΔE OK |
|---|---|---|---|---|
| Starbucks Green | #006241 | Spruce | #0A5F38 | 0.013 |
| Accent Green | #00754A | Jungle Green | #048243 | 0.045 |
| House Green | #1E3932 | Pakistan Green | #283618 | 0.039 |
| Light Green | #D4E9E2 | Pale Silver | #D8E2DC | 0.017 |
| Warm Neutral | #F2F0EB | Linen | #FAF0E6 | 0.012 |
| Cool Neutral | #F9F9F9 | Cultured | #F8F9FA | 0.002 |
Palettes like Starbucks
Curated palettes that include a color close to Starbucks Green #006241.
- Bracken Hollow#0F2417 #3A2A1B #2F5D3A #4F7F4A #E3EBD3
- Spruce Ridge#1F1004 #1F372A #2F5D3A #4F7F4A #BBD0A0
- Evergreen Light#0F2417 #4A3418 #2F5D3A #BBD0A0 #F8FDE6
- Lichen Light#0F2417 #2F5D3A #86A867 #BBD0A0
- Rhubarb Basket#310016 #6A0037 #005A42 #FBDFE7
- Lemonade Heatwave#322900 #256532 #B37000 #EFAA8E #E8FFB0
How to use a Starbucks-style palette
- Lead with Starbucks Green #006241 for buttons, links and key highlights, with white text on it.
- Give most of the layout to Light Green #D4E9E2, Warm Neutral #F2F0EB and Cool Neutral #F9F9F9, about 60% of the screen, so Starbucks Green stands out.
- Keep Accent Green and House Green for small accents (around 10%): status colors, illustrations or charts.
- As text on a white page, Starbucks Green reaches 7.43:1: it passes WCAG AAA for any text size.
To see how www.starbucks.com uses these colors today, including backgrounds, text and dark mode, run it through the website color extractor. To turn Starbucks Green into a full light and dark color system with accessible roles, open it in the Color System Studio.
More brand colors
- Pepsi colors#0000FE #0025FF #0E0E96 #FF1400
- Coca-Cola colors#EA0000 #000000 #FFFFFF
- McDonald’s colors#FFBC0D #DB0007
- Cadbury colors#4B0983 #3B0073 #EBC373 #D0A651
- DoorDash colors#FF3008 #EB1700 #570000 #E7E4D9
- Tiffany colors#81D8D0 #000000 #00A4B7
- John Deere colors#367C2B #FFDE00 #185F11 #1B1C1B
- Barbie colors#FF3EB5 #FFD8EF
- YouTube colors#FF0033 #212121 #FFFFFF
- Ferrari colors#DA291C #FFF200 #000000 #FFFFFF
- Google colors#4285F4 #EA4335 #FBBC05 #34A853
- Uber colors#000000 #FFFFFF #111111 #F6F6F6
Trademarks
Frequently asked questions
What is the Starbucks hex color?
The main Starbucks color is Starbucks Green #006241, which is rgb(0, 98, 65) in RGB. It comes from Starbucks's own brand guidelines, checked on 16 October 2026.
What colors does Starbucks use?
Starbucks uses 6 core colors: Starbucks Green #006241, Accent Green #00754A, House Green #1E3932, Light Green #D4E9E2, Warm Neutral #F2F0EB and Cool Neutral #F9F9F9.
What is Starbucks Green in RGB, HSL and OKLCH?
Starbucks Green #006241 is rgb(0, 98, 65), hsl(160, 100%, 19%) and oklch(43.8% 0.097 161.7). The closest named color is Spruce #0A5F38.
Should text on Starbucks Green be white or black?
White text reads better on Starbucks Green: it has a contrast ratio of 7.43:1, which passes WCAG AAA for any text size.
Where do these Starbucks colors come from?
The hex values were read from Starbucks's official brand guidelines at https://creative.starbucks.com/color/ on 16 October 2026. Contrast, RGB, HSL and OKLCH values on this page are calculated from those hex codes.
Can I use the Starbucks colors in my own design?
Colors on their own are not owned, but Starbucks's name, logo and the way it combines its colors are trademarks. Use these values to match Starbucks when you refer to it, follow its official guidelines, and do not imply a link to Starbucks in your own brand.
Use the Starbucks colors
Check www.starbucks.com live, build a color system from Starbucks Green, or remix the palette.