Balenciaga color palette
FashionBalenciaga's color identity is defined by a minimalist, monochromatic palette, with black and white as the dominant brand colors. This stark, neutral approach emphasizes the brand's avant-garde and modernist design ethos.
balenciaga.comBalenciaga colors
Click any swatch to copy its hex. Hover for RGB and HSL.
Brand colors
The colors people recognise.- Balenciaga BlackPrimary0, 0, 0
- Balenciaga WhiteSecondary255, 255, 255
- Balenciaga Light GrayAccent196, 196, 196
Surfaces
Page, cards and dividers.- Balenciaga Off WhiteBackground245, 245, 245
- Balenciaga Pale GraySurface229, 229, 229
- Balenciaga Border GrayBorder209, 209, 209
Text
Three tiers of copy.- Balenciaga Text BlackText0, 0, 0
- Balenciaga Medium GraySecondary text109, 109, 109
- Balenciaga Muted GrayMuted text179, 179, 179
Semantic
Feedback and state colors.- Balenciaga Success GreenSuccess0, 155, 77
- Balenciaga Warning YellowWarning255, 179, 0
- Balenciaga Error RedError208, 2, 27
- Balenciaga Info BlueInfo0, 85, 255
Use Balenciaga's colors in your project
Pick a format, copy or download. Everything below is generated from the exact hex values above.
balenciaga-palette-colors.css · Paste into your global stylesheet.
:root {
--info: #0055FF;
--error: #D0021B;
--accent: #C4C4C4;
--border: #D1D1D1;
--primary: #000000;
--success: #009B4D;
--surface: #E5E5E5;
--warning: #FFB300;
--secondary: #FFFFFF;
--text-muted: #B3B3B3;
--background: #F5F5F5;
--text-primary: #000000;
--text-secondary: #6D6D6D;
}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
16.7:1
Pass
Secondary text on background
Needs 4.5:1 for body text
4.7:1
Pass
Secondary text on surface
Needs 4.5:1 for body text
4.1:1
Fail
Muted text on background
Needs 3:1 for large text
1.9:1
Fail
Muted text on surface
Needs 3:1 for large text
1.7:1
Fail
Balenciaga gray and neutral colors
The quiet part of the Balenciaga palette: page background, card surfaces, dividers and the three text tones that sit on them. Click a value to copy it.
- Balenciaga Off WhiteBackground
- HEX
- RGB
- HSL
- Balenciaga Pale GraySurface
- HEX
- RGB
- HSL
- Balenciaga Border GrayBorder
- HEX
- RGB
- HSL
- Balenciaga Text BlackText
- HEX
- RGB
- HSL
- Balenciaga Medium GraySecondary text
- HEX
- RGB
- HSL
- Balenciaga Muted GrayMuted text
- HEX
- RGB
- HSL
About Balenciaga's colors
Balenciaga's palette is rooted in high-contrast monochrome, using black and white as the foundation for all brand visuals. The use of subtle grays supports a minimalist, utilitarian aesthetic.
Primary black contrasts with secondary white for maximum clarity.
Grays are used for UI depth and subtlety.
Accent colors are rare, reinforcing the brand's minimalist approach.
Psychology
Black conveys sophistication, authority, and timelessness, aligning with Balenciaga's luxury status. White and gray tones provide balance and neutrality, focusing attention on the product and design.
Evolution
Balenciaga's palette has remained consistent, with black and white as core elements since its modern rebranding. Occasional accent colors are used sparingly, but the monochrome base has been stable.
Where Balenciaga uses each color
- Primary
Used for the logo, navigation bar, and main text.
- Secondary
Backgrounds, negative space, and product photography backdrops.
- Accent
UI elements such as borders, dividers, and subtle highlights.
- Backgrounds
Off-white and pale gray backgrounds are used for product listings and content areas.
- Text
Primary black for headlines and body text, medium gray for secondary information, muted gray for disabled or less prominent text.
- Semantic
Green, yellow, red, and blue are reserved for status indicators, alerts, and notifications in digital interfaces.
Balenciaga color questions
Hex codes, RGB values, neutrals and how to use the palette.
The official Balenciaga brand color is black, with the hex code #000000.
Balenciaga Black is #000000, which is RGB(0, 0, 0) and CMYK(0, 0, 0, 100).
Balenciaga uses light gray (#C4C4C4), pale gray (#E5E5E5), border gray (#D1D1D1), medium gray (#6D6D6D), and muted gray (#B3B3B3) throughout its UI and print materials.
Use black (#000000) and white (#FFFFFF) as the primary and secondary colors, with grays for UI depth and clarity. Accent and semantic colors should be used sparingly to maintain the brand's minimalist aesthetic.
The secondary color is Balenciaga White, #FFFFFF, and the accent is Balenciaga Light Gray, #C4C4C4. 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 Balenciaga's colors consistently when it generates UI.
Make something in the spirit of Balenciaga
Start from this palette's mood and get an original 13-color system for your own project, contrast-checked and ready to export.