Monochromatic Palette Generator

Generate 3–12 colors by varying HSL lightness from one base color. Edit each result and copy the palette text. Processing takes place locally in your browser.

Start using

Monochromatic Palette Generator

The base is converted to rounded integer HSL. Hue and saturation stay fixed; lightness is replaced by evenly spaced values from 12% through 88%. The original HEX is not guaranteed to appear. Gray stays achromatic.

L(i) = 12 + 76 × i / (n − 1); i = 0…n − 1

For #FF0000 and 3 colors, the result is #3D0000, #FF0000, #FFC2C2. This varies HSL lightness; it does not mix paint, fade opacity or produce a perceptually uniform scale. Check text/background contrast separately.

Choose the base color and count, then generate. The default is #3B82F6 with 6 colors. Counts are truncated toward zero and limited to 3–12; an empty field becomes 3. Changing the base or count requires another run. Editing one result updates only that result and its text. Copy copies the displayed text; Clear restores the defaults and removes the palette.

Processing takes place locally in your browser.