Your files stay on your device

Tint and shade generator

Make even steps of lighter and darker shades from one color.

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.

More color tools

All color tools