Nike Run Club color palette
SportsNike Run Club's color identity is defined by its signature Volt green, paired with deep black and neutral grays for a bold, energetic look. The palette is designed for high visibility and clarity across digital and physical experiences.
nike.comNike Run Club colors
Click any swatch to copy its hex. Hover for RGB and HSL.
Brand colors
The colors people recognise.- NRC Volt GreenPrimary52, 255, 71
- NRC BlackSecondary17, 17, 17
- NRC WhiteAccent255, 255, 255
Surfaces
Page, cards and dividers.- NRC Deep CharcoalBackground24, 24, 24
- NRC Surface GraySurface35, 35, 35
- NRC Border GrayBorder57, 57, 57
Text
Three tiers of copy.- NRC Text WhiteText255, 255, 255
- NRC Text GraySecondary text179, 179, 179
- NRC Muted GrayMuted text122, 122, 122
Semantic
Feedback and state colors.- NRC Success VoltSuccess52, 255, 71
- NRC Warning YellowWarning255, 214, 0
- NRC Error RedError255, 59, 48
- NRC Info BlueInfo28, 176, 246
Use Nike Run Club's colors in your project
Pick a format, copy or download. Everything below is generated from the exact hex values above.
nike-run-club-palette-colors.css · Paste into your global stylesheet.
:root {
--info: #1CB0F6;
--error: #FF3B30;
--accent: #FFFFFF;
--border: #393939;
--primary: #34FF47;
--success: #34FF47;
--surface: #232323;
--warning: #FFD600;
--secondary: #111111;
--text-muted: #7A7A7A;
--background: #181818;
--text-primary: #FFFFFF;
--text-secondary: #B3B3B3;
}Contrast and accessibility
Every text tone tested against every surface, per WCAG 2.1.
Text on background
Needs 4.5:1 for body text
17.8:1
Pass
Text on surface
Needs 4.5:1 for body text
15.7:1
Pass
Secondary text on background
Needs 4.5:1 for body text
8.5:1
Pass
Secondary text on surface
Needs 4.5:1 for body text
7.5:1
Pass
Muted text on background
Needs 3:1 for large text
4.1:1
Pass
Muted text on surface
Needs 3:1 for large text
3.7:1
Pass
Nike Run Club gray, dark and neutral colors
Nike Run Club runs a dark interface, so these grays carry the layout: background, sidebar surfaces, dividers and three tiers of text. Click a value to copy it.
- NRC Deep CharcoalBackground
- HEX
- RGB
- HSL
- NRC Surface GraySurface
- HEX
- RGB
- HSL
- NRC Border GrayBorder
- HEX
- RGB
- HSL
- NRC Text WhiteText
- HEX
- RGB
- HSL
- NRC Text GraySecondary text
- HEX
- RGB
- HSL
- NRC Muted GrayMuted text
- HEX
- RGB
- HSL
About Nike Run Club's colors
Nike Run Club's palette uses high-contrast neon green and deep black for maximum visibility and energy. Neutral grays provide balance and support for digital readability.
Volt green contrasts sharply with black for legibility.
Neutral grays support UI clarity.
Accent white is used for highlights and text.
Psychology
Volt green evokes energy, innovation, and movement, aligning with the brand's athletic focus. Black and gray tones provide seriousness and modernity.
Evolution
The NRC palette has remained stable since launch, consistently using Volt green as its signature. Minor adjustments to gray tones have improved digital accessibility over time.
Where Nike Run Club uses each color
- Primary
NRC Volt Green is used for key buttons, highlights, and the app logo.
- Secondary
NRC Black forms the main background for the app and digital screens.
- Accent
NRC White is used for text, icons, and secondary highlights.
- Backgrounds
Deep Charcoal and Surface Gray are used for app backgrounds and cards.
- Text
Text White and Text Gray are used for primary and secondary text throughout the app.
- Semantic
Success, warning, error, and info colors are used for run status, notifications, and feedback messages.
Nike Run Club color questions
Hex codes, RGB values, neutrals and how to use the palette.
The official Nike Run Club brand color hex code is #34FF47, known as NRC Volt Green.
NRC Volt Green (#34FF47) has an RGB value of (52, 255, 71). For CMYK, it is approximately (80, 0, 72, 0).
The main dark and neutral tones are NRC Black (#111111), Deep Charcoal (#181818), and Surface Gray (#232323), used for backgrounds and surfaces.
Volt Green (#34FF47) should be reserved for primary actions and highlights, while black and grays structure backgrounds and surfaces. White and gray text colors ensure readability against dark backgrounds.
The secondary color is NRC Black, #111111, and the accent is NRC White, #FFFFFF. Together with the primary they make up the three brand colors at the top of this page.
6 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 Nike Run Club's colors consistently when it generates UI.
Make something in the spirit of Nike Run Club
Start from this palette's mood and get an original 13-color system for your own project, contrast-checked and ready to export.