Click any swatch to copy its hex value.
CSS variables
How to use it
Start from a colour you already like, choose a harmony rule, and a five-colour set is built around it. Click a swatch to copy it, or copy the whole set as CSS variables.
Where it stops
Harmony rules are a starting point, not a design. Check the pairs you plan to use for text with the Contrast Checker before shipping them.
Private by design
This tool runs entirely in your browser. Nothing you type, paste or drop here is sent to PathDish or anywhere else — close the tab and it is gone.