Design tool

Color Palette Generator

Build deterministic palettes from a base HEX color.

Generated palette

#1F6B45 · #6B1F45

#1F6B45rgb(31, 107, 69)
#6B1F45rgb(107, 31, 69)

How the color palette generator works

Generate complementary, analogous, triadic, split-complementary, and monochromatic palettes.

The base color is converted to HSL, then hue or lightness offsets are applied for the selected harmony.

A complementary palette places the companion hue 180 degrees from the base hue.

Assumptions and limitations

Color harmony is a starting point; check contrast separately before using palette colors for text.

Inputs and results stay in your browser. Blank, invalid, or mathematically undefined inputs show a clean placeholder instead of a broken number.

Practical use

Use this design tool to explore scenarios quickly, then verify important decisions against the original source data or requirements.

Frequently asked questions

Does the color palette generator send my data anywhere?

No. It runs client-side in your browser and makes no network requests.

Why is the result blank or shown as a dash?

One or more inputs are blank, outside the accepted range, or would make the calculation undefined. Check the labels and enter finite values.

Can I use decimal values?

Yes, where decimals are meaningful. Counts that represent whole items may require integers.