How to use this tool
Pick a base colour and a harmony. Click a swatch to copy its code. The contrast panel shows WCAG ratios.
What is WCAG contrast?
A rating of how readable text is on a background. 4.5 to 1 is the minimum for normal text.
Which harmony should I use?
Analogous is calm, complementary is bold, triadic is lively. Start with one and adjust.