Brand Tokens

Primary, Secondary, and Neutrals

Dark Teal
#1b6875
Dark Teal Hover
#137f8b
Apple Green
#a9c23f
Turquoise
#179dab
Black
#1f1f23
Almost Black
#3f3f43
Dark Cool Gray
#73757f
Buttons use Dark Teal with Dark Teal Hover. Accent highlights use Apple Green.

Accessibility Checker

Interactive AA/AAA contrast validation

Preview

Usage Guidance

Pairings aligned with your WCAG table

  • Use Dark Teal for primary buttons; hover with Dark Teal Hover.
  • Use Apple Green for accent highlights and success states.
  • Prefer White on Dark Teal/Black/Almost Black for AA regular; Apple Green on Dark Teal for AA large.
  • Avoid Apple Green on White (fails AA for normal text).
  • On Dark Cool Gray: use White (AA regular) or Black (AA large).