Choose a base color and a rule: neighbours on the wheel, the opposite color, three or four evenly spaced colors, or lighter and darker versions of one hue. Click any swatch to copy its code.
How to use the Color Palette Generator tool
- Pick your base color or type its HEX code.
- Choose a color rule.
- Copy single colors, the whole list or the CSS variables, or download the palette as a picture.
Tips for the best result
- Use one color for about 60 percent of a design, a second for 30 and the accent for 10.
- Check text colors against their background with the Contrast Checker.
Quick facts
| Price | Free |
|---|---|
| Works with | HEX, CSS, PNG |
| Where it runs | In your browser, on your device |
| Account | Not needed |