1. Home
  3. Design
  5. Color Palette Generator

Color Palette Generator

Generate harmonious 5–8 colour palettes: random, complementary, analogous, monochromatic or triadic.

Runs in your browser Free
Click a color to copy its HEX code.
Processed locally in your browser.

Harmonious colours, professional design

Choosing colours that work together for a website, logo, presentation or campaign is one of the hardest parts of design. The Color Palette Generator creates balanced palettes based on colour theory.

Harmony types

  • Complementary: opposite colours on the wheel, strong contrast
  • Analogous: neighbouring colours, a natural and calm look
  • Monochromatic: shades of one colour, clean and elegant
  • Triadic: three evenly spaced colours, lively balance
  • Random: unexpected combinations for inspiration

Copy and export

Start from a base colour or let the generator choose. Copy each colour's HEX, RGB and HSL with one click, or export the whole palette as CSS variables.

How to use Color Palette Generator

  1. Pick a base colour or start randomly.
  2. Choose the harmony type and number of colours.
  3. Review the palette and regenerate if you like.
  4. Copy the colour codes or CSS variables.

Why use this tool?

Create professional palettes for your brand or project without colour theory knowledge.

FAQ

What is a complementary palette?

It pairs colours on opposite sides of the colour wheel (180° apart), creating strong contrast that works well for accents.

How do I check my palette is accessible?

Test the colour pairs you'll use for text and background in the WCAG Contrast Checker.

Can I make a Tailwind shade scale?

Yes, enter your colour into the Color Scale Generator to create 50–950 shades.

Related tools

Private

Color Scale Generator (50–950)

Turn one base colour into a Tailwind-style 50–950 shade scale with CSS variables and config output.

Open tool
Private

Random Color Generator

Generate random colours as HEX, RGB and HSL; one at a time or up to 50, in pastel, vivid or dark styles.

Open tool
Private

WCAG Contrast Checker

Check the contrast ratio of text and background colours against WCAG AA and AAA.

Open tool
Private

Color Code Converter

Convert colours between HEX, RGB and HSL with a live preview; alpha is supported.

Open tool