Loading tool…
How to Generate Colour Palettes
The Palette Generator creates harmonious colour combinations using colour theory rules — complementary, analogous, triadic, and more — or extracts palettes from uploaded images.
- Choose a base colour or upload an image to extract colours from.
- Select a harmony rule (complementary, analogous, triadic, split-complementary).
- Export the palette as CSS variables, Tailwind config, or a sharable image.
Colour Harmony Theory
Colour harmonies are based on the colour wheel. Complementary colours sit opposite each other (high contrast). Analogous colours sit next to each other (low contrast, cohesive). Triadic colours form an equilateral triangle (vibrant, balanced). These mathematical relationships have been used by artists and designers for centuries to create visually pleasing combinations.
Why Use Our Palette Generator?
- Multiple harmony rules — complementary, analogous, triadic, and more.
- Image extraction — upload a photo and extract its dominant colours.
- Export formats — CSS variables, Tailwind config, and PNG swatches.
- Client-side — images and colours stay in your browser.
Frequently Asked Questions
What is complementary colour harmony?
Complementary colours are opposite each other on the colour wheel (e.g., blue and orange). They create high contrast and visual interest when used together.
Can I extract colours from a photo?
Yes. Upload any image and the tool will extract the dominant colours using k-means clustering.
Can I export for Tailwind CSS?
Yes. The palette can be exported as a Tailwind configuration snippet ready to paste into your tailwind.config file.
Is my uploaded image private?
Yes. Image processing happens in your browser. Nothing is uploaded to a server.