Versace color palette
FashionVersace's color identity is defined by its iconic gold, paired with deep black and crisp white, reflecting luxury and opulence. The palette is minimal, emphasizing bold contrasts and classic elegance.
versace.comVersace colors
Click any swatch to copy its hex. Hover for RGB and HSL.
Brand colors
The colors people recognise.- Versace GoldPrimary255, 215, 0
- Versace BlackSecondary0, 0, 0
- Versace WhiteAccent255, 255, 255
Surfaces
Page, cards and dividers.- Versace Light GrayBackground245, 245, 245
- Versace Pale GraySurface250, 250, 250
- Versace Metallic GoldBorder212, 175, 55
Text
Three tiers of copy.- Versace Black TextText0, 0, 0
- Versace Gold TextSecondary text255, 215, 0
- Versace Muted GrayMuted text122, 122, 122
Semantic
Feedback and state colors.- Versace Olive GreenSuccess163, 198, 68
- Versace YellowWarning255, 195, 0
- Versace Deep RedError178, 34, 34
- Versace BlueInfo59, 89, 152
Use Versace's colors in your project
Pick a format, copy or download. Everything below is generated from the exact hex values above.
versace-palette-colors.css · Paste into your global stylesheet.
:root {
--info: #3B5998;
--error: #B22222;
--accent: #FFFFFF;
--border: #D4AF37;
--primary: #FFD700;
--success: #A3C644;
--surface: #FAFAFA;
--warning: #FFC300;
--secondary: #000000;
--text-muted: #7A7A7A;
--background: #F5F5F5;
--text-primary: #000000;
--text-secondary: #FFD700;
}Contrast and accessibility
Every text tone tested against every surface, per WCAG 2.1.
Text on background
Needs 4.5:1 for body text
19.3:1
Pass
Text on surface
Needs 4.5:1 for body text
20.1:1
Pass
Secondary text on background
Needs 4.5:1 for body text
1.3:1
Fail
Secondary text on surface
Needs 4.5:1 for body text
1.3:1
Fail
Muted text on background
Needs 3:1 for large text
3.9:1
Pass
Muted text on surface
Needs 3:1 for large text
4.1:1
Pass
Versace background, border and text colors
The quiet part of the Versace palette: page background, card surfaces, dividers and the three text tones that sit on them. Click a value to copy it.
- Versace Light GrayBackground
- HEX
- RGB
- HSL
- Versace Pale GraySurface
- HEX
- RGB
- HSL
- Versace Metallic GoldBorder
- HEX
- RGB
- HSL
- Versace Black TextText
- HEX
- RGB
- HSL
- Versace Gold TextSecondary text
- HEX
- RGB
- HSL
- Versace Muted GrayMuted text
- HEX
- RGB
- HSL
About Versace's colors
Versace's palette is rooted in high contrast and luxury, with gold symbolizing opulence and black providing a timeless foundation. White and gray tones add balance and clarity to the visual identity.
Gold and black create a classic, high-impact contrast.
White is used for clarity and to highlight gold accents.
Gray tones support a refined, neutral background.
Psychology
Gold evokes prestige, wealth, and exclusivity, while black adds sophistication and authority. The overall palette communicates luxury and timelessness.
Evolution
Versace's color palette has remained consistent, with gold and black as enduring signatures. Minor updates have refined the supporting grays and accent tones for digital clarity.
Where Versace uses each color
- Primary
Versace Gold is used in the logo, key branding elements, and packaging accents.
- Secondary
Versace Black appears in navigation bars, backgrounds, and text.
- Accent
Versace White is used for negative space, highlights, and product backgrounds.
- Backgrounds
Light and pale grays are used for website backgrounds and product displays.
- Text
Primary text is black, with gold used for headings or highlights.
- Semantic
Green, yellow, red, and blue are used for status indicators and notifications in digital contexts.
Versace color questions
Hex codes, RGB values, neutrals and how to use the palette.
The official Versace brand color is gold, with the hex code #FFD700.
Versace Gold (#FFD700) is RGB(255, 215, 0) and CMYK(0, 16, 100, 0).
Versace uses black (#000000), light gray (#F5F5F5), and pale gray (#FAFAFA) for backgrounds and UI elements.
Use Versace Gold (#FFD700) for branding and highlights, black (#000000) for primary text and backgrounds, and white (#FFFFFF) for contrast and clarity.
The secondary color is Versace Black, #000000, and the accent is Versace White, #FFFFFF. 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 Versace's colors consistently when it generates UI.
Make something in the spirit of Versace
Start from this palette's mood and get an original 13-color system for your own project, contrast-checked and ready to export.