Your files stay on your device

Tint and Shade Generator: OKLCH Ramps

N-step tint and shade ramps interpolated in OKLCH, with perceptually even steps and exports ready to paste.

Base color
Paste a color to start
CSS custom properties

Waiting for a base color.

Tailwind tokens

Waiting for a base color.

JSON

Waiting for a base color.

Steps are interpolated in OKLCH. The perceptual choice that keeps adjacent steps evenly spaced to the eye: and every export says so. The base + step count ride the URL, nothing else.

Next door in Color

All color tools