WHOOP Brand Colors
WHOOP is a premium health and fitness wearable platform offering a subscription-based smart band that continuously monitors heart rate variability, sleep quality, strain, and recovery without a screen, providing actionable performance coaching insights. Trusted by elite athletes and health-focused professionals, it is a leader in wearable health analytics. WHOOP's sleek black brand reflects elite performance.
The official WHOOP palette comprises two colors: Cod Gray (#0B0B0B) and Red (#FF0100). Against white only Cod Gray meets the 4.5:1 threshold WCAG AA applies to normal-size body text, at 19.68:1, while Red sits lowest at 4:1.
WHOOP Color Palette
WHOOP uses 2 official colors in its brand identity.
Cod Gray
#0B0B0B
Red
#FF0100
Frequently Asked Questions
What are the official WHOOP brand colors?
How do I use WHOOP brand colors in CSS?
color: #HEX; or background-color: #HEX;.
Are these WHOOP colors official?
What color formats are available?
Can I use WHOOP brand colors in my project?
What is the primary WHOOP color?
How do I ensure color accuracy across devices?
Do WHOOP colors meet accessibility standards?
How often are brand colors updated?
What other brands have similar colors?
Accessibility of the WHOOP palette
Of the 2 recorded colors, 1 reach the WCAG 2.1 AA ratio of 4.5:1 against a white background — the threshold normal-size body text must meet. Colors below that line are not failures of the palette: they remain valid as fills carrying white text, as large text at the 3:1 threshold, and as borders, icons, and other non-text elements, which SC 1.4.11 also holds to 3:1. A logotype set in such a color is exempt from the requirement entirely.
Reference: WCAG AA vs AAA contrast requirements compared · Contrast Checker
WHOOP and its associated marks are trademarks of their respective owner. ColorFYI records publicly published brand-guideline color values for reference, editorial, and interoperability purposes, and is neither affiliated with nor endorsed by WHOOP.