Now available · Figma Plugin
One curve.
Every shade.
Draw a single Bezier curve and Uniformity generates a complete, perceptually-uniform color palette — instantly. No guessing. No fiddling.
Draw a single Bezier curve and Uniformity generates a complete, perceptually-uniform color palette — instantly. No guessing. No fiddling.
Most palettes are either hand-crafted over hours or auto-generated and perceptually wrong. Neither scales with a real product.
Picking each shade by hand means inconsistent contrast ratios and colors that look off side-by-side.
Generic tools output palettes that look technically correct but feel flat, washed-out, or too saturated at the extremes.
Without a shared mathematical foundation, tweaking your 500 means re-checking every other stop in isolation.
Uniformity handles the perceptual math so you can focus on the design intent.
Click anywhere in the color canvas or paste a hex from your brand guidelines. Uniformity extracts the hue in OKLCH — the gold standard for perceptual color math.
Drag the Bezier handles to shape how lightness and chroma move across your scale. One curve controls the whole ramp — no step-by-step nudging.
Hit Export and your palette appears on the canvas as Auto Layout frames, ready to connect to your design system variables.
From single-brand palettes to multi-hue design systems, Uniformity has the tools to keep them consistent.
Built on perceptual color science. Your shades look uniform to the human eye, not just to a computer — eliminating the muddy browns and washed-out blues that haunt RGB-based palettes.
Shape the entire ramp with a single quadratic curve. Move one handle and all 10 steps update live — no manual step coordination required.
Save your favorite curve shapes as named profiles — Vivid, Muted, Neutral — and apply them across any hue. Build a consistent visual language without rebuilding from scratch.
Add as many hues as your system needs. Each ramp gets its own curve so your blues can be vivid while your neutrals stay subdued — all managed in one place.
Generate a 10-step Tailwind-style scale (50–900) or add a 950 stop for dark-mode edge cases. Toggle between them instantly.
One click pushes labeled Auto Layout frames to your current page. Name your palette, keep it versioned, and hand off to developers with the exact hex values.
No trial period, no credit card required. The free tier is genuinely useful.
Forever. No expiry.
For designers who ship regularly.
One-time. Yours forever.
Best value for power users
Join designers building with perceptual color science. It's free to start.