Kate Spade color palette
FashionKate Spade's color identity is defined by its signature vibrant green paired with classic black and white, reflecting a playful yet sophisticated brand image. The palette is supported by soft neutrals and a bold accent pink, as seen across its website and product packaging.
katespade.comKate Spade colors
Click any swatch to copy its hex. Hover for RGB and HSL.
Brand colors
The colors people recognise.- Kate Spade GreenPrimary0, 168, 98
- Kate Spade BlackSecondary0, 0, 0
- Kate Spade PinkAccent255, 62, 191
Surfaces
Page, cards and dividers.- Kate Spade WhiteBackground255, 255, 255
- Kate Spade Light GraySurface245, 245, 245
- Kate Spade Soft GrayBorder224, 224, 224
Text
Three tiers of copy.- Kate Spade BlackText0, 0, 0
- Kate Spade Medium GraySecondary text102, 102, 102
- Kate Spade Muted GrayMuted text163, 163, 163
Semantic
Feedback and state colors.- Kate Spade GreenSuccess0, 168, 98
- Kate Spade YellowWarning255, 199, 0
- Kate Spade RedError233, 75, 53
- Kate Spade BlueInfo0, 153, 204
Use Kate Spade's colors in your project
Pick a format, copy or download. Everything below is generated from the exact hex values above.
kate-spade-palette-colors.css · Paste into your global stylesheet.
:root {
--info: #0099CC;
--error: #E94B35;
--accent: #FF3EBF;
--border: #E0E0E0;
--primary: #00A862;
--success: #00A862;
--surface: #F5F5F5;
--warning: #FFC700;
--secondary: #000000;
--text-muted: #A3A3A3;
--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.5:1
Fail
Muted text on surface
Needs 3:1 for large text
2.3:1
Fail
Kate Spade gray and neutral colors
The quiet part of the Kate Spade palette: page background, card surfaces, dividers and the three text tones that sit on them. Click a value to copy it.
- Kate Spade WhiteBackground
- HEX
- RGB
- HSL
- Kate Spade Light GraySurface
- HEX
- RGB
- HSL
- Kate Spade Soft GrayBorder
- HEX
- RGB
- HSL
- Kate Spade BlackText
- HEX
- RGB
- HSL
- Kate Spade Medium GraySecondary text
- HEX
- RGB
- HSL
- Kate Spade Muted GrayMuted text
- HEX
- RGB
- HSL
About Kate Spade's colors
Kate Spade's palette is anchored by a distinctive green, complemented by classic black, white, and lively accent hues. The combination creates a modern, approachable, and instantly recognizable visual identity.
Primary green contrasts with black and white for clarity.
Accent pink is used sparingly for emphasis.
Soft grays provide balance and subtlety in UI elements.
Psychology
The signature green conveys freshness, energy, and a sense of playfulness, while black and white add sophistication and timelessness. Accent pink injects vibrancy and femininity into the brand's visual language.
Evolution
Kate Spade's color palette has remained largely consistent since the brand's inception, with green as its core identifier. Minor updates have refined the supporting neutrals and accent colors for digital and retail consistency.
Where Kate Spade uses each color
- Primary
Kate Spade Green is used in the logo, primary call-to-action buttons, and key branding elements.
- Secondary
Kate Spade Black is featured in text, navigation bars, and packaging details.
- Accent
Kate Spade Pink appears in promotional banners, special product highlights, and select graphics.
- Backgrounds
Kate Spade White and Light Gray are used for website backgrounds and product display areas.
- Text
Black is used for primary text, with Medium Gray and Muted Gray for secondary and muted text.
- Semantic
Green is used for success messages, yellow for warnings, red for errors, and blue for informational notes.
Kate Spade color questions
Hex codes, RGB values, neutrals and how to use the palette.
The official Kate Spade brand color is Kate Spade Green, with the hex code #00A862.
Kate Spade Green (#00A862) has an RGB value of (0, 168, 98) and a CMYK value of (100, 0, 42, 34).
Kate Spade uses black (#000000), white (#FFFFFF), and a range of grays including Light Gray (#F5F5F5), Soft Gray (#E0E0E0), Medium Gray (#666666), and Muted Gray (#A3A3A3) in its UI and packaging.
Use Kate Spade Green (#00A862) for prominent branding and actions, black and white for backgrounds and text, and accent pink (#FF3EBF) for highlights and special features. Grays provide structure and hierarchy in UI components.
The secondary color is Kate Spade Black, #000000, and the accent is Kate Spade Pink, #FF3EBF. 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 Kate Spade's colors consistently when it generates UI.
Make something in the spirit of Kate Spade
Start from this palette's mood and get an original 13-color system for your own project, contrast-checked and ready to export.