Color Paths

One slider, many journeys through 3D color space

Color paths

Design tool to generate color combos for visual themes.

When I've tried existing color palette tools, I've found it hard to wrap my head around the exact relationships between the colors.

This approach visualizes each palette as a set of colors within 3D space.

Rather than having controls for each dimension (e.g. hue * saturation * brightness), there's just a single 1D slider charting a path through the space.

Continuous mode — light and dark are regions of the path itself.

Lissajous — three frequency ratios, three different palette journeys.

Hilbert — a space-filling curve visits every color in perceptual order.

Gamut hull — the true, lumpy shape of screen color in OKLab.

Theme dial — the slider re-skins a live UI in real time.

Compact mobile — the whole picker folded into a phone-shaped layout.