Project · 2025

Palette

Checks a set of colors for contrast in light and dark mode before you ship them.

  • CSS
  • TypeScript
A woven pattern cover for Palette

Palette takes your design tokens and reports every text and background pair below the WCAG contrast ratio, in both color schemes.

Lessons

Most failures were muted gray text on tinted backgrounds, never the brand colors everyone worried about.

Writing about this project