Palette

I made a tool that builds an accessible color system from one brand color

Give it a single hex and Palette builds a full WCAG-AA scale with light and dark tokens, then exports to CSS variables, Tailwind config, or Figma. The contrast checker is the part I am proudest of.

Devlog

Getting AA contrast right

18d ago

Rewrote the lightness ramp so every step clears 4.5:1 against its pair. Math was fiddly but the output is finally trustworthy.

Comments (3)

Leo Hartmann1d ago

The demo sold me in about four seconds. Clean work.

Devon Okafor11d ago

Just tried it on my machine, worked first run. Rare and appreciated.

Sana Rahman1d ago

Under 5mb static. The trick was dropping the async runtime.

Related Projects

Forge UI

I've been building an open-source component library with a brutalist bent

@sana_designs5

Knead

I built a drag-and-drop editor for CSS easing curves

@sana_designs4

In these collections

Weekend WebGLby @leo_makes · 0