Design Tokens Contrast Grid

Visualize all the colors of your design system at once and easily find the background/text combinations that comply with WCAG and RGAA.

Design tokens as DTCG JSON or CSS variables

Contrast validation method

Only show color combinations with a high enough contrast

Open in github
guillaumemeigniez.me