Stüssy color palette
FashionStüssy's color identity is rooted in bold monochrome, with a primary focus on black and white, reflecting its streetwear heritage. The brand uses minimal accent colors, keeping the palette timeless and versatile.
stussy.comStüssy colors
Click any swatch to copy its hex. Hover for RGB and HSL.
Brand colors
The colors people recognise.- Stüssy BlackPrimary0, 0, 0
- Stüssy WhiteSecondary255, 255, 255
- Stüssy Light GrayAccent230, 230, 230
Surfaces
Page, cards and dividers.- Stüssy WhiteBackground255, 255, 255
- Stüssy Off WhiteSurface245, 245, 245
- Stüssy Border GrayBorder209, 209, 209
Text
Three tiers of copy.- Stüssy BlackText0, 0, 0
- Stüssy Medium GraySecondary text102, 102, 102
- Stüssy Muted GrayMuted text163, 163, 163
Semantic
Feedback and state colors.- Stüssy GreenSuccess76, 175, 80
- Stüssy YellowWarning255, 193, 7
- Stüssy RedError244, 67, 54
- Stüssy BlueInfo33, 150, 243
Use Stüssy's colors in your project
Pick a format, copy or download. Everything below is generated from the exact hex values above.
stussy-palette-colors.css · Paste into your global stylesheet.
:root {
--info: #2196F3;
--error: #F44336;
--accent: #E6E6E6;
--border: #D1D1D1;
--primary: #000000;
--success: #4CAF50;
--surface: #F5F5F5;
--warning: #FFC107;
--secondary: #FFFFFF;
--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
Stüssy gray and neutral colors
The quiet part of the Stüssy palette: page background, card surfaces, dividers and the three text tones that sit on them. Click a value to copy it.
- Stüssy WhiteBackground
- HEX
- RGB
- HSL
- Stüssy Off WhiteSurface
- HEX
- RGB
- HSL
- Stüssy Border GrayBorder
- HEX
- RGB
- HSL
- Stüssy BlackText
- HEX
- RGB
- HSL
- Stüssy Medium GraySecondary text
- HEX
- RGB
- HSL
- Stüssy Muted GrayMuted text
- HEX
- RGB
- HSL
About Stüssy's colors
Stüssy's palette is intentionally minimal, dominated by black and white for maximum contrast and versatility. Accent colors are rarely used, emphasizing the brand's classic and enduring streetwear aesthetic.
High contrast between black and white.
Gray tones provide subtle depth for UI elements.
Accent colors are reserved for functional or alert states.
Psychology
The use of black conveys sophistication, authority, and a sense of urban cool. White and gray tones support clarity and neutrality, keeping the focus on the brand's iconic logo and designs.
Evolution
Stüssy's color palette has remained largely unchanged since its inception, maintaining a consistent monochrome identity. Occasional seasonal accents appear in limited collections, but the core palette is stable.
Where Stüssy uses each color
- Primary
Used for the Stüssy logo, navigation bar, and main headings.
- Secondary
Backgrounds, product pages, and secondary text elements.
- Accent
UI highlights, dividers, and subtle backgrounds.
- Backgrounds
Predominantly white for product and content areas.
- Text
Black for primary text, gray for secondary and muted text.
- Semantic
Green, yellow, red, and blue are used for success, warning, error, and informational alerts on the website.
Stüssy color questions
Hex codes, RGB values, neutrals and how to use the palette.
The official Stüssy brand color is black, with the hex code #000000. This is used for the logo and primary branding elements.
Stüssy Black (#000000) in RGB is (0, 0, 0) and in CMYK is (0, 0, 0, 100). These values are used for digital and print consistency.
Stüssy uses several gray tones: Light Gray (#E6E6E6), Off White (#F5F5F5), Border Gray (#D1D1D1), Medium Gray (#666666), and Muted Gray (#A3A3A3). These provide depth and hierarchy in the brand's digital experience.
Black and white should dominate, with gray tones for UI structure and clarity. Accent and semantic colors are reserved for alerts, notifications, and functional highlights only.
The secondary color is Stüssy White, #FFFFFF, and the accent is Stüssy Light Gray, #E6E6E6. 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 Stüssy's colors consistently when it generates UI.
Make something in the spirit of Stüssy
Start from this palette's mood and get an original 13-color system for your own project, contrast-checked and ready to export.