See your brand on a real UI.
Set your tokens once — font, color, radius, stroke — and watch them land on a live interface. Then export to CSS, Tailwind, Figma, and DTCG.
More than color
Font, accent, radius, and stroke together — not just a palette. Your whole brand, on a real UI.
Real exports
CSS variables, Tailwind config, Figma tokens, and DTCG — the W3C standard most tools skip.
Live WCAG contrast
Every change shows the primary button's contrast ratio with an AA / AAA / Fail badge.
Shareable themes
Every theme encodes into a link, so a share reproduces the exact tokens for anyone who opens it.
Export to every format
CSS variablesTailwind configFigma tokensDTCG (W3C)
Ready to see your tokens live?
It's free. Tune a theme, watch it repaint, and copy the code.
Open the tool →