Nike Color Palette
ConsumerNike's iconic black-and-white brand identity lets the Swoosh and product photography speak loudest, using bold contrast and occasional vibrant accents for maximum athletic impact.
nike.comNike logo is a trademark of Nike. Used for informational purposes.
Brand Colors
Nike Black
primary
Nike Gray
secondary
Nike Orange
accent
Surfaces & Borders
Nike White
background
Nike Surface
surface
Nike Border
border
Typography
Nike Text
textPrimary
Nike Secondary
textSecondary
Nike Muted
textMuted
Semantic Colors
Nike Green
success
Nike Warning
warning
Nike Error
error
Nike Blue
info
Accessibility
textPrimary / background
textPrimary / surface
textSecondary / background
textSecondary / surface
textMuted / background
textMuted / surface
Color Theory
Nike's brand palette is fundamentally monochrome — black and white create maximum impact and versatility. Product colors and campaign-specific palettes provide variety, while the core brand remains unflinchingly bold and simple.
- Black and white create maximum typographic impact for bold Nike headlines
- Orange (#FA5400) serves as the primary energy accent for Nike.com
- Product photography and seasonal campaigns inject all chromatic variety
Color Psychology
Black communicates power, determination, and athletic excellence. The stark contrast of black on white channels the intensity of competition. Minimal brand color lets athletes and products become the visual focus.
Evolution
Nike's visual identity has oscillated between color-rich campaigns and stark monochrome, but the core black-and-white foundation has been constant since the 1970s. The digital experience has settled into a clean, high-contrast system.
How Nike Uses Color
Primary
Black (#111111) defines Nike's typographic power — oversized bold headlines, the Swoosh, and navigation.
Secondary
Mid-gray (#757575) provides secondary information, sizing, and category navigation.
Accent
Orange (#FA5400) drives urgency in CTAs and promotional elements on nike.com.
Backgrounds
White backgrounds dominate product pages, while seasonal campaigns introduce full-bleed color backgrounds.
Typography
High-contrast black text with clear size hierarchy creates the bold, athletic editorial style Nike is known for.
Semantic
Standard semantic colors handle cart, checkout, and e-commerce states, kept separate from brand expression.
Agent integration
Use Nike's Colors in Your Agent
Terminal
Copies full install command. Saves skill to .claude/skills/nike/ — auto-detected on next run.
Included in the skill file
- 113 color roles — hex, HSL, and CSS variable names
- 2WCAG contrast rules for accessible pairings
- 3Auto-applies Nike's palette when generating UI
Frequently Asked Questions
Create Something Inspired by Nike
Generate a unique color palette inspired by Nike's aesthetic using AI.