Color palette generator
Build harmonious color palettes from a base color, or extract colors from an image — in your browser.
Runs 100% in your browserHow to generate a color palette
- Pick a base colour. Choose a starting colour, or upload an image to extract from.
- Browse the palettes. See complementary, analogous, triadic and shade sets.
- Copy a swatch. Click any swatch to copy its hex code.
About color palettes
Strong palettes come from relationships, not guesswork. Complementary colours sit opposite on the colour wheel for high contrast; analogous colours are neighbours for a calm, cohesive feel; triadic sets are evenly spaced for vibrant balance; and a monochromatic ramp varies only lightness. Start from a brand colour or pull a palette straight out of a photo, then verify legibility with the contrast checker.
Frequently asked questions
- From a base colour it builds complementary, analogous, triadic and monochromatic (tint/shade) sets using HSL maths — the same relationships designers use to create balanced palettes.
- Yes. Upload any image and the tool samples its pixels in your browser to surface the dominant colours, with copyable hex codes. The image is never uploaded to a server.
- Harmony maths does not guarantee contrast. Check text/background pairs with the contrast checker before using them for type.
- Completely. It is read with a local FileReader and drawn to a canvas in your browser; nothing leaves your device.