UTILS.
100% in-browser

Color Palette Generator

Generate complementary, analogous, triadic and tetradic palettes from any base color.

Click any swatch to copy its hex value.

About this tool

Pick a base color and instantly get harmonious palettes, computed entirely in your browser by rotating the hue in HSL space.

Frequently asked questions

How are the palettes calculated?
The base color is converted to HSL and its hue is rotated — 180° for complementary, ±30° for analogous, ±120° for triadic and 90° steps for tetradic.
How do I copy a color?
Click any swatch and its hex value is copied to your clipboard.

More tools