Colour Palette Generator

Generate color palettes from any hex color — complementary, triadic, analogous — free online.

About

About the Colour Palette Generator

Builds a colour palette from a base hex colour using a colour-wheel relationship — analogous, complementary, triadic, monochrome or random.

Designers use it to quickly explore colour combinations that work well together before committing to a brand palette, while developers use it to generate a consistent set of accent colours for a UI. It's one of many free designer tools on Toolapt, and like every tool here, it's free to use with no sign-up and no limit on how many times you run it.

Choose what to view about this tool

Guide

Using the Colour Palette Generator

  1. 1

    Step 1

    Enter a base colour as a hex value, or click "Random base" to pick one for you.

  2. 2

    Step 2

    Choose a scheme — analogous, complementary, triadic, monochrome or random.

  3. 3

    Step 3

    Set how many colours the palette should contain.

  4. 4

    Step 4

    Click "Generate palette" to see the swatches, then click any swatch to copy its hex code.

  • Five schemes: analogous, complementary, triadic, monochrome, and fully random
  • Builds palettes of 2 to 10 colours from any hex base colour
  • "Random base" button picks a new starting colour for you instantly
  • Shows each swatch with its hex code, and copies it to your clipboard with a single click
  • Automatically chooses readable black or white text on each swatch based on its brightness
  • Works entirely in your browser — no installs and no sign-up
  • Free to use, with no limit on how many times you run it
  • Fully responsive, so it works just as well on a phone as on a desktop

Designers

Designers use the Colour Palette Generator for quickly exploring colour combinations before settling on a brand or UI palette.

Developers

Developers use the Colour Palette Generator for generating a consistent set of accent colours for an app or website.

Illustrators and hobbyist artists

Illustrators and hobbyist artists use the Colour Palette Generator for finding harmonious colour schemes for a piece of artwork.

Presentation and slide creators

Presentation and slide creators use the Colour Palette Generator for a matching set of colours to use across a deck.

Examples

Colour Palette Generator examples

3 worked examples

01

Analogous from blue

Base colour #3B82F6 with the Analogous scheme and 5 colours generates #3BF6CE, #3BD0F6, #3B82F6, #423BF6 and #903BF6 — hues 25° apart on the colour wheel, with the base blue in the middle.

02

Complementary from blue

Base colour #3B82F6 with the Complementary scheme and 2 colours generates #0B5FE9 and #E9950B — a slightly darker version of the base blue plus its opposite hue, 180° away on the wheel: a warm orange.

03

Triadic from blue

Base colour #3B82F6 with the Triadic scheme and 3 colours generates #166BF4, #F4166B and #6BF416 — three hues spaced 120° apart: a blue, a pink-red and a green.

Related tools

Colour Converter

Convert between HEX, RGB, HSL, HSV and CMYK. Named CSS colours work too.

Use it

Colour Blindness Simulator

Preview a photo as it might look under common types of colour vision deficiency.

Use it

Image Colour Palette Extractor

Pull the dominant colours out of a photo, with HEX codes ready to copy.

Use it

Colour Contrast Checker

Check the WCAG contrast ratio between a text colour and a background colour.

Use it

Color Picker

Pick an exact colour from an uploaded image, or from anywhere on your screen.

Use it

HEX to RGB Converter

Convert a HEX colour code to its RGB and RGBA values.

Use it

FAQ

Frequently asked questions

Quick answers to common questions about the Colour Palette Generator.

What does the Colour Palette Generator do?

It builds a palette of hex colours from a base colour, using a colour-wheel relationship you choose.

Is the Colour Palette Generator free to use?

Yes. It's free, with no sign-up, no watermark and no limit on how many times you use it.

Is my input safe when I use this tool?

Yes. Every colour is calculated entirely on your own device — nothing is sent to a server.

What's the difference between the schemes?

Analogous picks colours near each other on the colour wheel, complementary picks colours from opposite sides, triadic spreads them evenly around the wheel, monochrome varies only lightness, and random ignores the base colour's hue entirely for each swatch.

What format are the colours in?

Every colour is shown and copied as a 6-digit hex code, such as #3B82F6.

Can I start from a specific brand colour?

Yes. Type or paste any hex value into the base colour field before generating the palette.

Can I use the Colour Palette Generator on my phone?

Yes. The page is fully responsive and works on mobile, tablet and desktop browsers alike.

Does the Colour Palette Generator have any limitations?

It only accepts standard 3- or 6-digit hex colours as the base, and builds palettes of up to 10 colours at a time.

Still have a question? Contact us

Report a problem

Colour Palette Generator

What went wrong?
    or paste a screenshot