01
Tokens
Light mode
bg
surface
ink
muted
accent
border
Dark mode
bg
surface
ink
muted
accent
border
Hex with or without # accepted. CSS named colors and rgb()/rgba() also work.
02
Side-by-side preview
Light
Dark
Paste your color tokens for both modes. See a full UI mockup side by side. Get WCAG contrast scores for every text/background pair.
Hex with or without # accepted. CSS named colors and rgb()/rgba() also work.