Nespresso color palette
Food & DrinkNespresso's color identity is defined by a rich, deep brown paired with elegant gold and neutral tones, reflecting its premium coffee experience. The palette emphasizes sophistication and luxury, consistent across packaging, digital, and retail environments.
nespresso.comNespresso colors
Click any swatch to copy its hex. Hover for RGB and HSL.
Brand colors
The colors people recognise.- Nespresso Espresso BrownPrimary54, 34, 19
- Nespresso GoldSecondary191, 161, 107
- Nespresso BronzeAccent166, 124, 82
Surfaces
Page, cards and dividers.- Nespresso CreamBackground245, 244, 241
- Nespresso WhiteSurface255, 255, 255
- Nespresso Light TaupeBorder214, 210, 202
Text
Three tiers of copy.- Nespresso Espresso BrownText54, 34, 19
- Nespresso MochaSecondary text111, 91, 62
- Nespresso Warm GrayMuted text175, 168, 159
Semantic
Feedback and state colors.- Nespresso GreenSuccess122, 155, 80
- Nespresso YellowWarning226, 185, 59
- Nespresso RedError176, 74, 58
- Nespresso BlueInfo74, 106, 138
Use Nespresso's colors in your project
Pick a format, copy or download. Everything below is generated from the exact hex values above.
nespresso-palette-colors.css · Paste into your global stylesheet.
:root {
--info: #4A6A8A;
--error: #B04A3A;
--accent: #A67C52;
--border: #D6D2CA;
--primary: #362213;
--success: #7A9B50;
--surface: #FFFFFF;
--warning: #E2B93B;
--secondary: #BFA16B;
--text-muted: #AFA89F;
--background: #F5F4F1;
--text-primary: #362213;
--text-secondary: #6F5B3E;
}Contrast and accessibility
Every text tone tested against every surface, per WCAG 2.1.
Text on background
Needs 4.5:1 for body text
13.7:1
Pass
Text on surface
Needs 4.5:1 for body text
15.1:1
Pass
Secondary text on background
Needs 4.5:1 for body text
5.9:1
Pass
Secondary text on surface
Needs 4.5:1 for body text
6.5:1
Pass
Muted text on background
Needs 3:1 for large text
2.1:1
Fail
Muted text on surface
Needs 3:1 for large text
2.4:1
Fail
Nespresso background, border and text colors
The quiet part of the Nespresso palette: page background, card surfaces, dividers and the three text tones that sit on them. Click a value to copy it.
- Nespresso CreamBackground
- HEX
- RGB
- HSL
- Nespresso WhiteSurface
- HEX
- RGB
- HSL
- Nespresso Light TaupeBorder
- HEX
- RGB
- HSL
- Nespresso Espresso BrownText
- HEX
- RGB
- HSL
- Nespresso MochaSecondary text
- HEX
- RGB
- HSL
- Nespresso Warm GrayMuted text
- HEX
- RGB
- HSL
About Nespresso's colors
Nespresso's palette is anchored by a signature espresso brown, complemented by gold and neutral tones to evoke luxury and warmth. The use of muted, natural colors supports a refined and premium brand image.
Primary brown contrasts with gold for emphasis.
Neutrals provide a clean, modern backdrop.
Accent bronze adds depth to UI and packaging.
Psychology
Deep brown and gold suggest richness, reliability, and indulgence, aligning with the coffee experience. The palette's warmth and restraint communicate sophistication and trust.
Evolution
Nespresso's color palette has remained stable, with minor adjustments to gold and neutral tones for digital clarity. The primary espresso brown has been a consistent hallmark since the brand's inception.
Where Nespresso uses each color
- Primary
Used in the logo, navigation bars, and key call-to-action buttons.
- Secondary
Appears in highlights, packaging accents, and promotional materials.
- Accent
Utilized for secondary buttons, icons, and subtle UI details.
- Backgrounds
Cream and white backgrounds are standard across web and app screens.
- Text
Espresso brown is used for primary text, with mocha and warm gray for secondary and muted text.
- Semantic
Green, yellow, red, and blue are used for status indicators and notifications in digital interfaces.
Nespresso color questions
Hex codes, RGB values, neutrals and how to use the palette.
The official Nespresso primary brand color is #362213, known as Nespresso Espresso Brown.
Nespresso Espresso Brown (#362213) in RGB is (54, 34, 19) and in CMYK is approximately (0, 37, 65, 79).
Nespresso uses Cream (#F5F4F1), Light Taupe (#D6D2CA), and Warm Gray (#AFA89F) as its main neutral and gray tones for backgrounds and muted text.
Primary and secondary colors should dominate key brand touchpoints, while neutrals support readability and clarity. Accent and semantic colors are reserved for UI highlights, notifications, and status indicators.
The secondary color is Nespresso Gold, #BFA16B, and the accent is Nespresso Bronze, #A67C52. 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 Nespresso's colors consistently when it generates UI.
Make something in the spirit of Nespresso
Start from this palette's mood and get an original 13-color system for your own project, contrast-checked and ready to export.