What are colour harmonies?

Colour theory principles for combining colours pleasingly. Analogous = neighbouring colours on the wheel. Complementary = opposite colours. Triadic = 3 evenly spaced colours.

How many colours does each palette have?

Complementary generates 2 colours, split-complementary 3, triadic 3, tetradic 4, analogous 5, and monochromatic gives 5 shades of your base colour.

Can I use these colours in my project?

Yes — copy any HEX code and use it directly in CSS, Figma, Tailwind, or any design tool.

Does it show colour names?

Yes — approximate colour names are shown alongside HEX codes for easy reference.

Color Palette Generator

Generate harmonious colour palettes using colour theory. Works in your browser. Free, no signup.

No sign-up Batch convert 100% free

Base Color

How useful is Color Palette Generator?

How to Use Color Palette Generator

Pick a base colour

Pick a base colour using the colour picker or enter a HEX code

Select a harmony type

Select a harmony type — analogous, complementary, triadic, tetradic, or monochromatic

Browse the generated palette

Browse the generated palette of 5-6 harmonious colours

Copy individual HEX codes

Copy individual HEX codes or copy all at once

Frequently Asked Questions

Related Tools

JSON Formatter

Format and beautify JSON data with syntax highlighting.

JSON Validator

Validate JSON syntax and find errors instantly.

CSS Gradient Generator

Create beautiful CSS gradients visually and copy the code.

Color Picker

Pick colors from any format and convert between HEX, RGB, HSL.

Regex Tester

Test and debug regular expressions with real-time matching.

Lorem Ipsum Generator

Generate placeholder text for designs and mockups.