Color Playground

Build your palette,
see it live.

Adjust hue, saturation, lightness and contrast — watch the UI preview update in real time.

Controls

Hue18

Saturation78

Lightness52

Contrast62

Live previewNew

Every control updates this preview instantly, so you can see how a color choice actually feels in an interface before you commit to it.

Secondary

Card title

Badge

A short paragraph shows how body text reads against the current background and surface tones.

Input placeholder

Build your palette,see it live.