Color palette generator
Press the space bar to generate a new color palette, lock the colors you want to keep and shuffle the rest. Adjust, check accessibility and export when you are happy with it.
How to use the color palette generator
- Press the Generate button or the space bar to make a new palette. Choose a harmony such as analogous, triadic or complementary first if you want a specific structure.
- Lock the colors you like with the lock icon. Locked colors stay while the others change. Click a hex code to type your own color, and use the arrows to reorder.
- Open Adjust to shift hue, saturation and brightness together, Shades to choose a tint or shade of one color, or Accessibility to see contrast and color-vision checks.
- Export the palette as CSS, SCSS, Tailwind, JSON, SVG, PDF, design tokens, Swift, Android or Flutter code and more, or save it on this device.
What you can do
Lock and shuffle
Lock any color and keep generating. Undo and redo step back through earlier palettes.
Harmony modes
Generate random, analogous, monochromatic, triadic, complementary, split-complementary or tetradic palettes.
Two to ten colors
Add or remove colors to make a palette of anything from 2 to 10 colors.
Accessibility checks
A contrast matrix shows WCAG and APCA results for every pair, and a color-vision check flags colors that look alike under protanopia, deuteranopia and tritanopia.
Guarantees
State rules the palette must meet, such as readable text pairs, color-blind safety or excluded hues, and the generator builds a palette that satisfies them.
Preview and present
See the palette on a website mockup in the visualizer, build a color system from it in the Studio, or show it full screen.
Frequently asked questions
What is a color palette generator?
A color palette generator makes sets of colors that work well together. You generate a palette, keep the colors you like and change the rest until the set suits your brand, interface or illustration. GetColors can build a palette around a harmony rule such as analogous or triadic, so the colors relate to each other instead of being random.
How do I generate a color palette?
Open the generator and press the space bar or the Generate button. Each press makes a new palette. Lock the colors you want to keep, then generate again to replace only the unlocked ones.
How do I make a palette from one color?
Click a hex code and type your color, lock it, choose a harmony such as analogous or complementary, and generate. The locked color stays and the others are built around it. You can also start from a photo with the image color picker.
How many colors can a palette have?
From two to ten. Three to five colors are easiest to apply to an interface or a brand. Use more for charts, illustration or a wider range of tints.
Can I save or share my palette?
Yes. The palette is stored in the page address, so you can copy the link to share it. Save keeps it on this device, and the export dialog offers code and files in many formats.