Men's Wellness Centers Men's Wellness Centers

Color System

Cream forward. Navy anchored.

Warm Off-White is the default surface across most touchpoints. Midnight Navy anchors hero moments, footers, and any single-focus brand surface. Accent Orange drives every CTA. No teal. No blue gradients. WCAG 2.2 AA compliant across approved pairings.

Primary palette

Midnight Navy
HEX #0B1029RGB 11, 16, 41HSL 230° 58% 10%

Brand anchor. Hero moments. Footer. Accent.

Accent Orange
HEX #E8670ARGB 232, 103, 10HSL 25° 92% 47%

Accents. Underlines. Key links. Highlights.

Orange Button
HEX #B84A08RGB 184, 74, 8HSL 22° 92% 38%

CTA buttons only. WCAG AA on cream and navy.

Warm Off-White
HEX #F5F3F0RGB 245, 243, 240HSL 36° 17% 95%

Default surface. Page and section backgrounds. Cream text on dark.

Extended palette

Navy Mid
HEX #161B3ARGB 22, 27, 58

Section backgrounds. Cards.

Navy Light
HEX #1E244ARGB 30, 36, 74

Elevated surfaces. Borders. Dividers.

Body Gray
HEX #B0ADA8RGB 176, 173, 168

Body copy on dark surfaces.

Muted Gray
HEX #9CA3AFRGB 156, 163, 175

Secondary text. Captions. Metadata.

Success Green
HEX #5DD68ARGB 93, 214, 138

Success states only. Replaces banned teal.

Rules

Color do's and don'ts

Do

  • Use Warm Off-White (#F5F3F0) as the default surface across most pages, posts, and ads
  • Use Midnight Navy for hero moments, footers, and accent sections
  • Reserve Accent Orange for CTAs, key highlights, and the brand rule
  • Use Orange Button (#B84A08) for filled buttons to meet WCAG AA
  • Pair navy text with cream surfaces for body copy; reverse only on dark sections
  • Use Success Green (#5DD68A) instead of teal for any positive state

Don't

  • Use teal anywhere · ever
  • Use blue gradients or multi-color gradients
  • Use orange backgrounds behind orange text
  • Recolor the logo into accent colors or non-brand hues
  • Use pure black (#000) or pure white (#FFF) on brand surfaces

Competitive Positioning

Why orange stands alone.

Every major men's health brand defaults to a dark, neutral, or muted palette. None own a warm, high-energy accent. Orange is the wedge.

Gameday Men's Health
Red, black, and gold
Hims
Amber, black, earthy tones
Ro (Roman)
Black, white, muted teal accent
MWC 2015 (retired)
Clinical teal and deep navy
MWC 2026
Accent Orange and Midnight Navy. Zero overlap.
0
Competitor Color Overlap
14.7:1
Contrast Ratio vs Navy
+21%
Higher CTR vs Teal
3×
More Visible Than Teal
In 2015, we blended in. In 2026, we stand apart.