Palette Generator
Generate a color scheme from one base color.
Click a swatch to copy its hex code.
Pick a base color and generate a complementary, analogous, triadic, split-complementary, or monochromatic palette using standard color theory — click any swatch to copy its hex code.
The color schemes explained
| Scheme | How it's made | Feel |
|---|---|---|
| Complementary | The color opposite on the wheel (180° away) | High contrast; great for calls to action |
| Analogous | Neighboring colors, about 30° apart | Calm and harmonious |
| Triadic | Three colors evenly spaced, 120° apart | Balanced and lively |
| Split-complementary | The two colors either side of the complement | Contrast that's easier to balance |
| Monochromatic | One hue in lighter and darker shades | Clean and consistent |
The 60-30-10 rule
A simple way to use a palette without it feeling busy: make about 60% of your design a main neutral or background color, 30% a secondary color, and 10% an accent. Save the accent for the things you want people to notice, like buttons and links.
Tips for choosing a palette
- Start with one color that fits the purpose — blue often feels trustworthy, green fresh, orange energetic.
- Add neutrals. Most real designs use plenty of white, off-white or dark gray alongside the palette colors.
- Check contrast for any color you'll put text on. Light yellows and pastels rarely work for text.
- Test in context. Colors look different on a large background than in a small swatch.
Fine-tune any color with the color picker, or blend two of them with the gradient generator.
Frequently asked questions
What do the different scheme types mean?
Complementary uses the color directly opposite on the color wheel for high contrast. Analogous uses neighboring hues for a harmonious look. Triadic uses three evenly-spaced hues. Split-complementary softens complementary contrast. Monochromatic varies only lightness for a single-hue palette.
Can I copy a color from the palette?
Yes — click any swatch to copy its hex code to your clipboard.
How many colors should a website use?
Usually two or three main colors plus neutrals. More than that is hard to keep consistent and can make a page feel cluttered.