◑

Color Palette Generator

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

Your files stay on this device

Files are processed in your browser, never uploaded. The site downloads code and assets to run the tools. No accounts or trackers.

Use Download to save this tool as one HTML file for offline use.

Base color

Hex value

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.

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.