Converse color palette
FashionConverse's brand color identity is built around a stark black and white palette, reflecting its classic, minimalist aesthetic. The brand relies on bold contrast and neutral tones to emphasize its iconic star logo and timeless footwear designs.
converse.comConverse colors
Click any swatch to copy its hex. Hover for RGB and HSL.
Brand colors
The colors people recognise.- Converse BlackPrimary0, 0, 0
- Converse WhiteSecondary255, 255, 255
- Converse RedAccent228, 27, 23
Surfaces
Page, cards and dividers.- Converse Light GrayBackground247, 247, 247
- Converse Surface GraySurface237, 237, 237
- Converse Border GrayBorder209, 209, 209
Text
Three tiers of copy.- Converse Text BlackText0, 0, 0
- Converse Text GraySecondary text102, 102, 102
- Converse Muted GrayMuted text163, 163, 163
Semantic
Feedback and state colors.- Converse Success GreenSuccess0, 129, 74
- Converse Warning YellowWarning255, 180, 0
- Converse Error RedError228, 27, 23
- Converse Info BlueInfo0, 114, 206
Use Converse's colors in your project
Pick a format, copy or download. Everything below is generated from the exact hex values above.
converse-palette-colors.css · Paste into your global stylesheet.
:root {
--info: #0072CE;
--error: #E41B17;
--accent: #E41B17;
--border: #D1D1D1;
--primary: #000000;
--success: #00814A;
--surface: #EDEDED;
--warning: #FFB400;
--secondary: #FFFFFF;
--text-muted: #A3A3A3;
--background: #F7F7F7;
--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.6:1
Pass
Text on surface
Needs 4.5:1 for body text
17.9:1
Pass
Secondary text on background
Needs 4.5:1 for body text
5.4:1
Pass
Secondary text on surface
Needs 4.5:1 for body text
4.9: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.2:1
Fail
Converse gray and neutral colors
The quiet part of the Converse palette: page background, card surfaces, dividers and the three text tones that sit on them. Click a value to copy it.
- Converse Light GrayBackground
- HEX
- RGB
- HSL
- Converse Surface GraySurface
- HEX
- RGB
- HSL
- Converse Border GrayBorder
- HEX
- RGB
- HSL
- Converse Text BlackText
- HEX
- RGB
- HSL
- Converse Text GraySecondary text
- HEX
- RGB
- HSL
- Converse Muted GrayMuted text
- HEX
- RGB
- HSL
About Converse's colors
Converse uses a classic monochrome palette, relying on black and white for maximum contrast and timeless appeal. Occasional accent colors like red are used sparingly for emphasis.
Black and white are used in high contrast for clarity.
Accent red highlights key actions and branding.
Neutral grays support UI and product backgrounds.
Psychology
Black conveys authority, sophistication, and simplicity, while white adds a sense of cleanliness and modernity. Red is used to draw attention and evoke energy.
Evolution
Converse's palette has remained largely unchanged, emphasizing its heritage and consistency. The use of accent colors has increased slightly in digital contexts for usability.
Where Converse uses each color
- Primary
Converse Black is used for the logo, navigation bar, and primary text.
- Secondary
Converse White appears as the main background and in product imagery.
- Accent
Converse Red is used for call-to-action buttons and promotional highlights.
- Backgrounds
Converse Light Gray is used for page backgrounds and product cards.
- Text
Converse Text Black and Text Gray are used for headings and body copy respectively.
- Semantic
Success Green, Warning Yellow, Error Red, and Info Blue are used in forms and notifications.
Converse color questions
Hex codes, RGB values, neutrals and how to use the palette.
The primary Converse brand color is black, with the hex code #000000.
Converse Black is #000000, which is RGB(0,0,0) and CMYK(0,0,0,100).
Converse uses several neutral grays in its UI, including #F7F7F7 for backgrounds and #666666 for secondary text.
Use Converse Black (#000000) and White (#FFFFFF) for primary elements, with Red (#E41B17) for accents and calls to action. Grays are used for backgrounds, borders, and muted text.
The secondary color is Converse White, #FFFFFF, and the accent is Converse Red, #E41B17. 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 Converse's colors consistently when it generates UI.
Make something in the spirit of Converse
Start from this palette's mood and get an original 13-color system for your own project, contrast-checked and ready to export.