🎨 Everything runs in your browser. No install, no sign-up.
Analogous
Neighbours on the colour wheel. Natural and easy, which suits large areas like a background and its body text.
Use them roughly 60:30:10
What you do after picking the colours matters more. Give 60% to the broad background, 30% to the secondary and 10% to the accent, and the same set of colours reads as far more composed. Push the accent past 30% and it stops being an accent.
What this tool does
- Complementary, analogous, triadic and tetradic
- Monochrome lightness steps
- Copy any HEX
- Copy the whole palette as CSS
Other colour tools
Colours may look slightly different depending on your screen and its colour profile.