Valentino color palette
FashionValentino's color identity is defined by its iconic, vibrant red and a refined palette of black, white, and muted neutrals, reflecting luxury and sophistication. The brand's visual language is consistent across its website, packaging, and campaigns.
valentino.comValentino colors
Click any swatch to copy its hex. Hover for RGB and HSL.
Brand colors
The colors people recognise.- Valentino RedPrimary212, 0, 26
- Valentino BlackSecondary0, 0, 0
- Valentino WhiteAccent255, 255, 255
Surfaces
Page, cards and dividers.- Valentino Light GrayBackground248, 248, 248
- Valentino Pale GraySurface242, 242, 242
- Valentino Border GrayBorder229, 229, 229
Text
Three tiers of copy.- Valentino CharcoalText26, 26, 26
- Valentino Medium GraySecondary text85, 85, 85
- Valentino Muted GrayMuted text163, 163, 163
Semantic
Feedback and state colors.- Valentino Success GreenSuccess75, 181, 67
- Valentino Warning YellowWarning255, 169, 0
- Valentino RedError212, 0, 26
- Valentino Info BlueInfo25, 118, 210
Use Valentino's colors in your project
Pick a format, copy or download. Everything below is generated from the exact hex values above.
valentino-palette-colors.css · Paste into your global stylesheet.
:root {
--info: #1976D2;
--error: #D4001A;
--accent: #FFFFFF;
--border: #E5E5E5;
--primary: #D4001A;
--success: #4BB543;
--surface: #F2F2F2;
--warning: #FFA900;
--secondary: #000000;
--text-muted: #A3A3A3;
--background: #F8F8F8;
--text-primary: #1A1A1A;
--text-secondary: #555555;
}Contrast and accessibility
Every text tone tested against every surface, per WCAG 2.1.
Text on background
Needs 4.5:1 for body text
16.4:1
Pass
Text on surface
Needs 4.5:1 for body text
15.5:1
Pass
Secondary text on background
Needs 4.5:1 for body text
7.0:1
Pass
Secondary text on surface
Needs 4.5:1 for body text
6.7:1
Pass
Muted text on background
Needs 3:1 for large text
2.4:1
Fail
Muted text on surface
Needs 3:1 for large text
2.3:1
Fail
Valentino gray and neutral colors
The quiet part of the Valentino palette: page background, card surfaces, dividers and the three text tones that sit on them. Click a value to copy it.
- Valentino Light GrayBackground
- HEX
- RGB
- HSL
- Valentino Pale GraySurface
- HEX
- RGB
- HSL
- Valentino Border GrayBorder
- HEX
- RGB
- HSL
- Valentino CharcoalText
- HEX
- RGB
- HSL
- Valentino Medium GraySecondary text
- HEX
- RGB
- HSL
- Valentino Muted GrayMuted text
- HEX
- RGB
- HSL
About Valentino's colors
Valentino's palette is anchored by its signature red, complemented by black, white, and subtle grays for a timeless, elegant look. The color system supports high contrast and luxurious minimalism.
Primary red is paired with black and white for maximum impact.
Grays are used to soften and balance the boldness of red.
Accent colors are reserved for functional UI states.
Psychology
Valentino Red evokes passion, power, and confidence, reinforcing the brand's bold identity. The use of black and white conveys sophistication and timelessness.
Evolution
The Valentino palette has remained remarkably stable, with red as its core since the 1960s. Minor adjustments to gray tones have modernized the UI without altering the brand's iconic presence.
Where Valentino uses each color
- Primary
Valentino Red is used for key brand marks, call-to-action buttons, and accents on packaging.
- Secondary
Valentino Black appears in navigation bars, text, and background elements for contrast.
- Accent
Valentino White is used for backgrounds, negative space, and logo applications.
- Backgrounds
Valentino Light Gray and Pale Gray are used for website backgrounds and product cards.
- Text
Charcoal and Medium Gray are used for primary and secondary text, ensuring readability.
- Semantic
Success Green, Warning Yellow, and Info Blue are used for UI feedback states, while Valentino Red also serves as the error color.
Valentino color questions
Hex codes, RGB values, neutrals and how to use the palette.
The official Valentino brand color is 'Valentino Red' with hex code #D4001A.
Valentino Red (#D4001A) in RGB is 212, 0, 26; in CMYK, it is approximately 0, 100, 88, 17.
Valentino uses a range of grays for UI: Light Gray (#F8F8F8), Pale Gray (#F2F2F2), Border Gray (#E5E5E5), Medium Gray (#555555), and Muted Gray (#A3A3A3). These provide subtlety and balance to the bold red and black.
Valentino Red (#D4001A) should be reserved for brand highlights and calls to action, while black, white, and grays form the foundation of layouts and typography. Accent and semantic colors are used sparingly for functional UI elements.
The secondary color is Valentino Black, #000000, and the accent is Valentino 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 Valentino's colors consistently when it generates UI.
Make something in the spirit of Valentino
Start from this palette's mood and get an original 13-color system for your own project, contrast-checked and ready to export.