How to Generate a Color Palette
Step-by-step guide to creating harmonious color palettes for design projects using the DevHexLab Palette Generator.
Tool Used
Palette Generator
1
Open the Palette Generator
Navigate to /tools/color/palette-generator.
2
Pick a base color
Enter a hex color code or use the color picker to choose your primary brand color or a color you want to build around.
3
Choose a harmony rule
Select a color harmony: complementary (two opposite colors), analogous (three neighboring colors), triadic (three evenly spaced colors), or tetradic (four colors). The generator produces the matching palette.
4
Copy the hex codes
Click each color swatch to copy its hex code, or use Copy All to grab every color in the palette at once.
All done!
You are ready to use Palette Generator like a pro.