Color Gradients

Linear, radial, multi-stop. Every gradient interpolated in OKLCH so the middle stays vivid instead of dipping through grey.

Ember

2 stops
radial OKLCH

Ice

3 stops
linear OKLCH

Lava

3 stops
radial OKLCH

Toxic

2 stops
linear OKLCH

Build your own

Compose any gradient, in any space

Open gradient tool Read the gradient guide