Color Palette Generator
Design ToolsMatching color schemes from one base color
FreePrivateInstant
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.
#6366F1
Triadic
Run
#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
Guides you might like
All guides →Color ConverterHEX, RGB and HSL: three ways to write the same colour, and which to useColor Contrast CheckerIs your text readable? The contrast ratio, explainedPX to REM Converterpx vs rem: why your font sizes should be allowed to scaleAspect Ratio Calculator16:9, 4:3, 1:1: aspect ratios without cropping surprises