Bad: Bright Brand Teal as Body Text
Category
color
Classification
bad
What to Notice
- Using
color.brand.verdigris(oklch(0.75 0.1286 191.57)/#0fc8c3) directly as text color on white background - Contrast ratio is only ~2.8:1 — fails WCAG AA for normal text (requires 4.5:1)
- Fails WCAG AA even for large text (requires 3:1)
Tokens Referenced
color.brand.verdigris— should NOT be used for text on light backgrounds
Fix
Use the darkened teal for text (color.legacy.www-primary-light) or use the brand teal only on dark backgrounds where contrast is sufficient. Alternatively, use it for decorative elements (backgrounds, icons, illustrations) where text contrast requirements don’t apply.