About the colour palette generator
A palette built from colour theory rather than by eye tends to hold together, because the relationships between hues are deliberate. This tool generates seven standard harmonies from any base colour: complementary, split complementary, analogous, triadic, tetradic, monochromatic and a shades-and-tints ramp.
Complementary pairs sit opposite on the wheel and produce maximum contrast, which is what you want for a call-to-action against a dominant brand colour. Analogous colours sit next to each other and feel calm and cohesive. Triadic gives three evenly spaced hues and stays vibrant while remaining balanced. Monochromatic varies only lightness and saturation, which is the safest option when you need range without introducing a second hue.
The image extractor pulls a palette out of any photo you drop in, clustering the pixels to find the colours that actually dominate rather than sampling a few points. It is the quickest way to build a site palette from a product shot or a piece of art direction you have been handed.
Every colour can be copied as HEX, RGB, HSL or OKLCH. OKLCH is worth knowing about: it is perceptually uniform, so two colours with the same lightness value genuinely look equally light, which makes generating accessible variants far more predictable than fiddling with HSL. Every modern browser supports it.
Each pair in the palette is checked against WCAG contrast requirements, with AA and AAA results for normal and large text, so you find out a combination is unreadable while you are choosing it rather than after it ships. Signed in, palettes are saved to your dashboard.