Calvin Klein color palette
FashionCalvin Klein's color identity is defined by a minimalist, monochromatic palette centered on black, white, and shades of gray, reflecting the brand's modern and timeless aesthetic. The palette is consistent across digital and physical touchpoints, emphasizing simplicity and sophistication.
calvinklein.comCalvin Klein colors
Click any swatch to copy its hex. Hover for RGB and HSL.
Brand colors
The colors people recognise.- Calvin Klein BlackPrimary0, 0, 0
- Calvin Klein WhiteSecondary255, 255, 255
- Calvin Klein Silver GrayAccent179, 179, 179
Surfaces
Page, cards and dividers.- Calvin Klein Light GrayBackground245, 245, 245
- Calvin Klein Pale GraySurface229, 229, 229
- Calvin Klein Border GrayBorder209, 209, 209
Text
Three tiers of copy.- Calvin Klein BlackText0, 0, 0
- Calvin Klein Medium GraySecondary text102, 102, 102
- Calvin Klein Muted GrayMuted text163, 163, 163
Semantic
Feedback and state colors.- Calvin Klein Success GreenSuccess0, 122, 94
- Calvin Klein Warning OrangeWarning245, 166, 35
- Calvin Klein Error RedError208, 2, 27
- Calvin Klein Info BlueInfo74, 144, 226
Use Calvin Klein's colors in your project
Pick a format, copy or download. Everything below is generated from the exact hex values above.
calvin-klein-palette-colors.css · Paste into your global stylesheet.
:root {
--info: #4A90E2;
--error: #D0021B;
--accent: #B3B3B3;
--border: #D1D1D1;
--primary: #000000;
--success: #007A5E;
--surface: #E5E5E5;
--warning: #F5A623;
--secondary: #FFFFFF;
--text-muted: #A3A3A3;
--background: #F5F5F5;
--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
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
5.3:1
Pass
Secondary text on surface
Needs 4.5:1 for body text
4.6:1
Pass
Muted text on background
Needs 3:1 for large text
2.3:1
Fail
Muted text on surface
Needs 3:1 for large text
2.0:1
Fail
Calvin Klein gray and neutral colors
The quiet part of the Calvin Klein palette: page background, card surfaces, dividers and the three text tones that sit on them. Click a value to copy it.
- Calvin Klein Light GrayBackground
- HEX
- RGB
- HSL
- Calvin Klein Pale GraySurface
- HEX
- RGB
- HSL
- Calvin Klein Border GrayBorder
- HEX
- RGB
- HSL
- Calvin Klein BlackText
- HEX
- RGB
- HSL
- Calvin Klein Medium GraySecondary text
- HEX
- RGB
- HSL
- Calvin Klein Muted GrayMuted text
- HEX
- RGB
- HSL
About Calvin Klein's colors
Calvin Klein's palette uses a strict monochrome scheme with subtle gray accents, reinforcing the brand's minimalist ethos. The use of black and white creates strong contrast and clarity throughout all brand materials.
Primary black contrasts with white for maximum legibility.
Grays are used to create hierarchy and subtlety.
Accent colors are minimal and reserved for functional UI states.
Psychology
Black and white evoke sophistication, timelessness, and clarity, aligning with Calvin Klein's modern luxury positioning. The restrained use of color signals confidence and focus.
Evolution
Calvin Klein's color palette has remained largely unchanged for decades, consistently emphasizing black, white, and gray. This stability reinforces the brand's enduring and iconic visual identity.
Where Calvin Klein uses each color
- Primary
Used for the logo, navigation bar, and primary text throughout the website and packaging.
- Secondary
Applied as background color and for secondary text elements.
- Accent
Used for subtle UI elements such as dividers, icons, and hover states.
- Backgrounds
Light gray backgrounds are used on web pages and product displays to create a clean, neutral space.
- Text
Primary black for headlines and body text, medium gray for secondary information, and muted gray for disabled or less prominent text.
- Semantic
Success, warning, error, and info colors are used sparingly for alerts and notifications in digital interfaces.
Calvin Klein color questions
Hex codes, RGB values, neutrals and how to use the palette.
The official Calvin Klein brand color is black, with the hex code #000000.
Calvin Klein Black is #000000 in hex, which is RGB(0, 0, 0) and CMYK(0, 0, 0, 100).
Calvin Klein uses a range of grays including #B3B3B3 (Silver Gray), #E5E5E5 (Pale Gray), and #666666 (Medium Gray) to support its monochromatic look.
Use black (#000000) and white (#FFFFFF) as dominant colors, with grays for hierarchy and minimal accent colors for UI states. The palette should always maintain a clean, minimalist appearance.
The secondary color is Calvin Klein White, #FFFFFF, and the accent is Calvin Klein 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 Calvin Klein's colors consistently when it generates UI.
Make something in the spirit of Calvin Klein
Start from this palette's mood and get an original 13-color system for your own project, contrast-checked and ready to export.