How to use Color Palette Generator
- Choose a base color.
- Pick a harmony type.
- Copy the colors you want.
About this tool
Color harmonies are based on positions on the color wheel. Complementary colors sit opposite each other, analogous colors are neighbours, and triadic colors are spaced 120 degrees apart. Monochromatic palettes keep the hue and vary the lightness.
Use one color as dominant, one as secondary and a third as an accent for a balanced design.
Frequently Asked Questions
- What is a complementary color?
- The color directly opposite on the color wheel, which gives the strongest contrast.
- How many colors should a palette have?
- Three to five is typical: a dominant, a secondary, an accent and neutrals.
Related tools
- Color WheelSee where your color sits on the wheel and how its harmonies relate.
- Shades and Tints GeneratorCreate a scale of lighter and darker versions of one color.
- Random Color GeneratorPress Generate to see a fresh set of random colors.
- CSS Gradient GalleryPick a ready-made gradient and copy its CSS.
- Color Picker from ImageExtract the main colors from a photo, or click any pixel to get its code.
- Color PickerChoose a color and copy its code in every common format.