Palette Generator
Build a colour palette from one colour using colour theory: analogous, complementary, triadic and more.
How it works
- 1Pick or type a base colour.
- 2Choose a colour-theory scheme.
- 3Click colours to copy, or export them all.
Features
- 7 schemes from colour theory.
- Readable-text hint (WCAG AA) for every colour.
- Export as CSS variables or JSON.
- Random start colour.
Frequently asked questions
Which scheme should I use?
Analogous for calm, cohesive designs; complementary for strong contrast; triadic for vibrant but balanced; shades for UI colour scales.
What does white AA mean?
White text on that colour meets the WCAG AA contrast ratio of 4.5:1 for normal text.
Is anything sent?
No. It runs in your browser.
Related tools
Color ExtractorFind the main colours of an image, with HEX, RGB and HSL codes.CSS FormatterBeautify CSS with consistent indentation using Prettier.Favicon GeneratorCreate a full favicon set (ICO, PNG sizes, Apple touch icon and web manifest) from one image.Add Border to ImageAdd a border, or pad a photo to a square or story shape without cropping it.