Givenchy color palette
FashionGivenchy's color identity is defined by a stark, minimalist black and white palette, reflecting the brand's luxury heritage and modern elegance. The brand uses deep black, crisp white, and subtle grays throughout its website and packaging.
givenchy.comGivenchy colors
Click any swatch to copy its hex. Hover for RGB and HSL.
Brand colors
The colors people recognise.- Givenchy BlackPrimary0, 0, 0
- Givenchy WhiteSecondary255, 255, 255
- Givenchy Silver GrayAccent179, 179, 179
Surfaces
Page, cards and dividers.- Givenchy WhiteBackground255, 255, 255
- Givenchy Light GraySurface245, 245, 245
- Givenchy Pale GrayBorder224, 224, 224
Text
Three tiers of copy.- Givenchy BlackText0, 0, 0
- Givenchy Medium GraySecondary text102, 102, 102
- Givenchy Silver GrayMuted text179, 179, 179
Semantic
Feedback and state colors.- Givenchy Success GreenSuccess76, 175, 80
- Givenchy Warning YellowWarning255, 193, 7
- Givenchy Error RedError244, 67, 54
- Givenchy Info BlueInfo33, 150, 243
Use Givenchy's colors in your project
Pick a format, copy or download. Everything below is generated from the exact hex values above.
givenchy-palette-colors.css · Paste into your global stylesheet.
:root {
--info: #2196F3;
--error: #F44336;
--accent: #B3B3B3;
--border: #E0E0E0;
--primary: #000000;
--success: #4CAF50;
--surface: #F5F5F5;
--warning: #FFC107;
--secondary: #FFFFFF;
--text-muted: #B3B3B3;
--background: #FFFFFF;
--text-primary: #000000;
--text-secondary: #666666;
}Contrast and accessibility
Every text tone tested against every surface, per WCAG 2.1.
Text on background
Needs 4.5:1 for body text
21.0:1
Pass
Text on surface
Needs 4.5:1 for body text
19.3:1
Pass
Secondary text on background
Needs 4.5:1 for body text
5.7:1
Pass
Secondary text on surface
Needs 4.5:1 for body text
5.3: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
1.9:1
Fail
Givenchy gray and neutral colors
The quiet part of the Givenchy palette: page background, card surfaces, dividers and the three text tones that sit on them. Click a value to copy it.
- Givenchy WhiteBackground
- HEX
- RGB
- HSL
- Givenchy Light GraySurface
- HEX
- RGB
- HSL
- Givenchy Pale GrayBorder
- HEX
- RGB
- HSL
- Givenchy BlackText
- HEX
- RGB
- HSL
- Givenchy Medium GraySecondary text
- HEX
- RGB
- HSL
- Givenchy Silver GrayMuted text
- HEX
- RGB
- HSL
About Givenchy's colors
Givenchy's palette is rooted in high-contrast monochrome, emphasizing sophistication and timelessness. The use of black and white creates a sense of clarity and luxury.
Primary black contrasts with white for maximum legibility.
Subtle grays provide depth and hierarchy.
Accent colors are minimal, used only for functional UI states.
Psychology
Black conveys exclusivity, authority, and elegance, while white brings balance and purity. The restrained palette reinforces Givenchy's position as a luxury fashion house.
Evolution
Givenchy's palette has remained consistent, with black and white as the foundation since its inception. Occasional use of metallics or muted colors appears in limited editions or special campaigns.
Where Givenchy uses each color
- Primary
Givenchy Black is used for the logo, navigation, and primary text.
- Secondary
Givenchy White dominates backgrounds and negative space.
- Accent
Givenchy Silver Gray is used for subtle UI elements and dividers.
- Backgrounds
White and light gray backgrounds are standard across the website and packaging.
- Text
Black is used for primary headings and body text, with medium and silver grays for secondary or muted text.
- Semantic
Success, warning, error, and info colors are reserved for functional states in forms or notifications.
Givenchy color questions
Hex codes, RGB values, neutrals and how to use the palette.
The official Givenchy brand color is black, with the hex code #000000.
Givenchy Black is RGB(0, 0, 0) and CMYK(0, 0, 0, 100), corresponding to hex #000000.
Givenchy uses a range of grays: #B3B3B3 (Silver Gray), #666666 (Medium Gray), and #E0E0E0 (Pale Gray) for UI and text elements.
Black and white should dominate, with grays for hierarchy and accents; functional colors (green, yellow, red, blue) are used sparingly for UI states only.
The secondary color is Givenchy White, #FFFFFF, and the accent is Givenchy Silver Gray, #B3B3B3. 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 Givenchy's colors consistently when it generates UI.
Make something in the spirit of Givenchy
Start from this palette's mood and get an original 13-color system for your own project, contrast-checked and ready to export.