A tiny studio tool

Find your
colour signal.

Build a five-colour palette, check readable text pairings, then take the tokens into your next design.

Private by defaultRuns in this tab. No upload, account, or API.

Set the starting note

One hue, five useful neighbours.

#6B8F71
57%
50%

Contrast uses the WCAG relative-luminance formula for normal-size text (4.5:1) and large text (3:1). A ratio is a quick check, not a complete accessibility audit.

Your five colours

A mellow walk around the starting hue.

Best text colour for each swatch

CSS custom properties

Design tokens · JSON