Massimo Dutti color palette
FashionMassimo Dutti's color identity is defined by refined, understated neutrals and a signature deep charcoal, reflecting its sophisticated and timeless fashion ethos. The palette is dominated by dark, elegant tones with subtle accents for contrast.
massimodutti.comMassimo Dutti colors
Click any swatch to copy its hex. Hover for RGB and HSL.
Brand colors
The colors people recognise.- Massimo Dutti CharcoalPrimary35, 35, 35
- Massimo Dutti TaupeSecondary168, 159, 145
- Massimo Dutti SandAccent200, 191, 174
Surfaces
Page, cards and dividers.- Massimo Dutti Off WhiteBackground246, 245, 243
- Massimo Dutti Light StoneSurface229, 226, 221
- Massimo Dutti Pale TaupeBorder208, 201, 188
Text
Three tiers of copy.- Massimo Dutti CharcoalText35, 35, 35
- Massimo Dutti Warm GreySecondary text122, 116, 107
- Massimo Dutti Muted GreyMuted text181, 177, 168
Semantic
Feedback and state colors.- Massimo Dutti OliveSuccess111, 138, 109
- Massimo Dutti GoldWarning191, 161, 106
- Massimo Dutti BrickError176, 93, 93
- Massimo Dutti SlateInfo138, 142, 147
Use Massimo Dutti's colors in your project
Pick a format, copy or download. Everything below is generated from the exact hex values above.
massimo-dutti-palette-colors.css · Paste into your global stylesheet.
:root {
--info: #8A8E93;
--error: #B05D5D;
--accent: #C8BFAE;
--border: #D0C9BC;
--primary: #232323;
--success: #6F8A6D;
--surface: #E5E2DD;
--warning: #BFA16A;
--secondary: #A89F91;
--text-muted: #B5B1A8;
--background: #F6F5F3;
--text-primary: #232323;
--text-secondary: #7A746B;
}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.2:1
Pass
Secondary text on background
Needs 4.5:1 for body text
4.2:1
Fail
Secondary text on surface
Needs 4.5:1 for body text
3.6:1
Fail
Muted text on background
Needs 3:1 for large text
2.0:1
Fail
Muted text on surface
Needs 3:1 for large text
1.7:1
Fail
Massimo Dutti background, border and text colors
The quiet part of the Massimo Dutti palette: page background, card surfaces, dividers and the three text tones that sit on them. Click a value to copy it.
- Massimo Dutti Off WhiteBackground
- HEX
- RGB
- HSL
- Massimo Dutti Light StoneSurface
- HEX
- RGB
- HSL
- Massimo Dutti Pale TaupeBorder
- HEX
- RGB
- HSL
- Massimo Dutti CharcoalText
- HEX
- RGB
- HSL
- Massimo Dutti Warm GreySecondary text
- HEX
- RGB
- HSL
- Massimo Dutti Muted GreyMuted text
- HEX
- RGB
- HSL
About Massimo Dutti's colors
Massimo Dutti's palette is rooted in neutral, earthy tones that evoke sophistication and timelessness. The use of deep charcoal and taupe creates a calm, elegant visual hierarchy.
Primary charcoal contrasts with light backgrounds for clarity.
Accents are used sparingly for subtle emphasis.
Warm and cool neutrals balance the overall tone.
Psychology
The restrained color scheme communicates luxury, calm, and understated confidence. Neutrals foster a sense of reliability and approachability.
Evolution
The palette has remained stable over time, consistently favoring deep neutrals and minimal accents. This consistency reinforces the brand's classic and enduring image.
Where Massimo Dutti uses each color
- Primary
Used for logo, main navigation, and primary headings.
- Secondary
Applied to secondary navigation, backgrounds, and product categories.
- Accent
Used for subtle highlights, call-to-action buttons, and interactive elements.
- Backgrounds
Dominates page backgrounds and content areas for a clean, minimal look.
- Text
Charcoal and warm grey are used for primary and secondary text throughout the site.
- Semantic
Olive, gold, and brick are reserved for success, warning, and error states in UI components.
Massimo Dutti color questions
Hex codes, RGB values, neutrals and how to use the palette.
The official Massimo Dutti primary brand color is #232323, known as Massimo Dutti Charcoal. This deep charcoal is used for the logo and main navigation.
The primary color #232323 converts to RGB(35, 35, 35). For CMYK, it is approximately C:0% M:0% Y:0% K:86%.
Massimo Dutti uses a range of neutrals including #A89F91 (Taupe), #B5B1A8 (Muted Grey), and #E5E2DD (Light Stone). These tones are central to the brand's understated and elegant UI.
Use #232323 for primary elements like logos and headings, with #F6F5F3 and #E5E2DD as backgrounds. Accents like #C8BFAE and semantic colors should be used sparingly for emphasis and UI feedback.
The secondary color is Massimo Dutti Taupe, #A89F91, and the accent is Massimo Dutti Sand, #C8BFAE. Together with the primary they make up the three brand colors at the top of this page.
2 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 Massimo Dutti's colors consistently when it generates UI.
Make something in the spirit of Massimo Dutti
Start from this palette's mood and get an original 13-color system for your own project, contrast-checked and ready to export.