Color Palette Generator

Design Tools

Matching color schemes from one base color

FreePrivateInstant
Base color
Scheme
Embed this tool on your websiteFree
  1. Choose how tall the frame should be.
  2. Press Copy code.
  3. Paste it into your page, blog, WordPress or Notion HTML block.
Height

The tool runs inside your visitor's browser, nothing is uploaded, and a small "Powered by ToolCloak" line stays under it. The second line (script) is optional: it makes the frame fit the tool's height.

Similar tools you may like

History

All history →

Color Palette Generator — at a glance

Pick one color and get a set of colors that look great together.

Base color
#6366F1
Triadic
Run
Palette
#6366F1
#F16366
#66F163

How to use it — step by step

A base color and the type of harmony you want.

1

Choose options

Pick the mode and options that fit what you need.

2

Generate Palette

Press the button. The result is created instantly on your device.

3

Copy the result

Check the output and press Copy to use it anywhere.

Pro tips

Small things that make the result better.

✦Analogous palettes feel calm; complementary ones feel bold.
✦Use one main color, one supporting color and one accent.
✦Check text readability with the Contrast Checker.

Quick facts

6 schemescolor harmonies
HEX codesready to copy
Previewswatches
Freeno signup

Frequently Asked Questions

What is a complementary color?+

The color directly opposite on the color wheel, such as blue and orange.

What is an analogous palette?+

Colors that sit next to each other on the wheel, giving a harmonious look.

What is monochromatic?+

Different lightness levels of the same color.

Is my data safe?+

Yes. Everything runs inside your own browser. Your text, files and images are never uploaded to any server.

More Free Tools