Gucci color palette
FashionGucci's color identity is defined by its iconic deep green and red, paired with elegant neutrals and gold accents. The palette reflects the brand's heritage and luxury positioning in fashion.
gucci.comGucci colors
Click any swatch to copy its hex. Hover for RGB and HSL.
Brand colors
The colors people recognise.- Gucci GreenPrimary10, 106, 86
- Gucci RedSecondary193, 39, 45
- Gucci GoldAccent255, 215, 0
Surfaces
Page, cards and dividers.- Gucci CreamBackground247, 244, 236
- Gucci WhiteSurface255, 255, 255
- Gucci Light TaupeBorder217, 213, 197
Text
Three tiers of copy.- Gucci CharcoalText34, 34, 34
- Gucci Warm GraySecondary text124, 115, 102
- Gucci Muted GrayMuted text178, 175, 166
Semantic
Feedback and state colors.- Gucci GreenSuccess10, 106, 86
- Gucci GoldWarning255, 215, 0
- Gucci RedError193, 39, 45
- Gucci Warm GrayInfo124, 115, 102
Use Gucci's colors in your project
Pick a format, copy or download. Everything below is generated from the exact hex values above.
gucci-palette-colors.css · Paste into your global stylesheet.
:root {
--info: #7C7366;
--error: #C1272D;
--accent: #FFD700;
--border: #D9D5C5;
--primary: #0A6A56;
--success: #0A6A56;
--surface: #FFFFFF;
--warning: #FFD700;
--secondary: #C1272D;
--text-muted: #B2AFA6;
--background: #F7F4EC;
--text-primary: #222222;
--text-secondary: #7C7366;
}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.5:1
Pass
Text on surface
Needs 4.5:1 for body text
15.9: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
4.7:1
Pass
Muted text on background
Needs 3:1 for large text
2.0:1
Fail
Muted text on surface
Needs 3:1 for large text
2.2:1
Fail
Gucci background, border and text colors
The quiet part of the Gucci palette: page background, card surfaces, dividers and the three text tones that sit on them. Click a value to copy it.
- Gucci CreamBackground
- HEX
- RGB
- HSL
- Gucci WhiteSurface
- HEX
- RGB
- HSL
- Gucci Light TaupeBorder
- HEX
- RGB
- HSL
- Gucci CharcoalText
- HEX
- RGB
- HSL
- Gucci Warm GraySecondary text
- HEX
- RGB
- HSL
- Gucci Muted GrayMuted text
- HEX
- RGB
- HSL
About Gucci's colors
Gucci's palette is rooted in deep green and red, accented with gold and neutral tones for balance and elegance. The color system evokes heritage, luxury, and timelessness.
Primary green and red are complementary and create strong brand recognition.
Gold accent adds a sense of opulence and highlights key elements.
Neutrals and grays provide contrast and readability in digital and print contexts.
Psychology
The green suggests tradition, growth, and exclusivity, while red conveys passion and boldness. Gold accents reinforce luxury and prestige.
Evolution
Gucci's core green and red have remained consistent since the 1950s, with gold and cream neutrals introduced more prominently in recent digital and packaging applications. The palette has evolved to include more refined neutrals for modern UI needs.
Where Gucci uses each color
- Primary
Gucci Green is used in the signature web stripe, navigation bars, and key branding elements.
- Secondary
Gucci Red appears in the web stripe, call-to-action buttons, and accent details.
- Accent
Gucci Gold is used for highlights, logo treatments, and packaging details.
- Backgrounds
Gucci Cream is the main background color on the website and in printed materials.
- Text
Gucci Charcoal is used for primary text, while Warm Gray and Muted Gray are used for secondary and muted text.
- Semantic
Gucci Green, Red, and Gold are repurposed for success, error, and warning states in digital interfaces.
Gucci color questions
Hex codes, RGB values, neutrals and how to use the palette.
The official Gucci Green is #0A6A56. This color is used in the brand's signature web stripe and key branding elements.
Gucci Green (#0A6A56) in RGB is (10, 106, 86), and in CMYK is (91, 0, 19, 58). These values are used for digital and print consistency.
Gucci uses Gucci Cream (#F7F4EC), Gucci Light Taupe (#D9D5C5), Gucci Warm Gray (#7C7366), and Gucci Muted Gray (#B2AFA6) for backgrounds, borders, and secondary text. These neutrals support the primary colors and ensure readability.
Primary and secondary colors should be reserved for signature branding, stripes, and calls to action, while neutrals and grays are used for backgrounds, surfaces, and text. Gold is used sparingly for accents and highlights to maintain a sense of luxury.
The secondary color is Gucci Red, #C1272D, and the accent is Gucci Gold, #FFD700. Together with the primary they make up the three brand colors at the top of this page.
3 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 Gucci's colors consistently when it generates UI.
Make something in the spirit of Gucci
Start from this palette's mood and get an original 13-color system for your own project, contrast-checked and ready to export.