Nike Color Palette
The Nike brand owes much of its visual impact to this Black-rooted palette. Discover the hex codes that define one of fashion's most recognized identities.
Nike Primary
Nike Accent
The Visual Identity of Nike
Color Systems & Brand Psychology
Primary Hue
The #111111 at the core of Nike's palette is not accidental. Black tones consistently test well for power in fashion and lifestyle, giving the brand a recognisable visual anchor.
Industry Psychology
The psychology behind Nike's black palette is rooted in how style-conscious consumers perceive color in fashion and lifestyle. Studies on color cognition confirm that black consistently elicits power — making it an effective foundation for a brand competing in retail environments.
Strategic Usage
Designers and developers implementing Nike's colors should treat these hex codes as exact specifications. Color drift — even subtle shifts in value — weakens the recognition cues that Nike has built with style-conscious consumers through repeated exposure across retail environments.
UI Design & Application Guide
Thinking of using the Nike color palette in your next project? Here is a professional guide on how to apply these colors effectively for web and mobile interfaces.
When using #111111 as a background, strict accessibility standards (WCAG) recommend using #FFFFFF for your typeface to ensure maximum readability.
Nike Primary to ensure consistency across all fashion mockups.
Technical Color Data Table
For developers and designers, accuracy is non-negotiable. Below are the precise conversions.
| Color Name | HEX Code | RGB Values | CSS Variable |
|---|---|---|---|
| Nike Primary | #111111 | rgb(17, 17, 17) | var(--nike-primary) |
| Nike Accent 1 | #FFFFFF | rgb(255, 255, 255) | var(--nike-color-2) |
CSS Implementation
Copy this CSS snippet to your :root to instantly implement the Nike brand styles.
:root {
--nike-primary: #111111;
--nike-color-2: #FFFFFF;
}
Explore Related Brand Palettes
Compare Nike with other top brands in our database.