ToolBirch

Color Palette Generator

Build a five-colour palette from one base colour using harmony rules.Design & Color

Color Palette Generator

Build a five-colour palette from one base colour using classic harmony rules.

#4f9ed5
#4f7dd5
#4f5bd5
#654fd5
#864fd5

About this tool

Pick one brand colour and get a working set around it. Five classic harmony rules — analogous, complementary, triadic, shades and monochrome — are computed in HSL space so the relationships stay perceptually even.

How to use the Color Palette Generator tool

  1. Choose the base colour. Use the picker or type a HEX value.
  2. Pick a harmony. Analogous neighbours, complementary opposite, triadic triple, or tonal shades and monochrome ramps.
  3. Copy a colour. Each swatch copies in HEX, RGB or HSL, whichever your stylesheet needs.

Supported formats

Input

  • One HEX colour

Output

  • Five palette colours in HEX
  • The same colours in RGB or HSL

Inputs are validated before anything is processed. Invalid values and unsupported files are rejected with a clear error instead of failing silently.

Frequently asked questions

Why compute in HSL?

Harmony relationships are rotations in hue, which HSL expresses directly; RGB rotations produce muddy results.

Can I lock some swatches and regenerate others?

Not in this release — change the base colour to explore variations.

Do the colours meet contrast requirements?

Not automatically. Check text pairs with the Contrast Checker before committing.

Is the palette saved?

No. Copy what you need; nothing persists after you leave the page.

Privacy

Everything you enter stays in this browser tab. There is no upload endpoint for tool inputs, no account, and no server-side copy of your text or files. Results are produced locally and disappear when you close the page.

No account is required and no file is ever uploaded. See the privacy policy for details about analytics and the limited data this site stores.

Known limitations

  • Five colours per palette; the size is not configurable.
  • HSL harmony is a decent approximation but not perceptually uniform like OKLCH.
  • No contrast checking or accessibility scoring on the generated set.

Related tools

Other free tools from the same collection.

Color ConverterConvert colours between HEX, RGB and HSL with a live preview.Contrast CheckerCheck a colour pair against WCAG AA and AAA contrast thresholds.Gradient GeneratorCompose a two-stop CSS linear or radial gradient visually.CSS Shadow GeneratorDesign a box-shadow with sliders and copy the exact CSS.