Color

10-step OKLCH grey scale with perceptually uniform lightness. All colors maintain consistent contrast ratios for accessibility.


Semantic Colors

Status colors for feedback and communication. Each maintains 4.5:1 minimum contrast for text.


Brand Accents

Brand-specific accent colors that adapt based on context.


Accessibility

All color combinations meet WCAG 2.1 AA standards minimum:

  • Grey-10 on Grey-1: 21:1 (AAA)
  • Grey-8 on Grey-1: 10:1 (AAA)
  • Grey-6 on Grey-1: 6:1 (AA)
  • Grey-4 borders: 3:1 (AA Non-text)

Status colors maintain 4.5:1 minimum contrast for text.

Was this page helpful?