Gil Barbara

ColorMeUp Lab - OKLCH color scale generator for design systems

by•
A free, open-source tool for building perceptually even color scales. Computed in OKLCH: control steps, lightness/chroma curves, saturation, and per-step overrides. Wide-gamut P3. Export to Tailwind v4/v3, CSS variables, SCSS, or SVG. No signup — the palette lives in the URL.

Add a comment

Replies

Best
Gil Barbara
Maker
šŸ“Œ
Hey Product Hunt šŸ‘‹ I built Color Lab because generating UI color scales where every step looks evenly spaced is harder than it should be. Doing the math in OKLCH fixes that — you reason about lightness and chroma independently, and the steps come out perceptually even. What you can do: • Set steps (3–21), shape lightness & chroma curves, clamp a lightness range • Override individual steps when a scale needs a nudge • Toggle OKLCH/sRGB, render in wide-gamut P3 • Export to Tailwind v4/v3, CSS variables, SCSS, or SVG • Share any palette as a link — the whole thing is encoded in the URL It's free, no sign-up required, and open source (MIT). It's the UI on top of colorizr, a color library I maintain, so if you'd rather stay in code, you can use that directly. Try it: https://lab.colormeup.co/ Repo: https://github.com/gilbarbara/co... I'll be around all day — would love your feedback, especially on the curve controls.