Color Palette Generator

Turn a base colour into a complementary, analogous, triadic or tetradic palette, plus a dark-to-light ramp and CSS custom properties.

Colour palette generator

Pick a base colour and a scheme to get a matching palette and a shade ramp.

No palette yet

Pick a base colour above, then press “Generate palette”.

Colours are computed on the HSL colour wheel (complementary +180°, triadic +120°/+240°, analogous ±30°, tetradic +90°/+180°/+270°). The ramp keeps hue and saturation and only changes lightness.

Runs entirely in your browser. Nothing is uploaded.

How it works

This utility runs locally in your browser for privacy and speed.

1 ⚡

Unlimited local tools

This run costs 1 credit(s) and is saved to your history automatically.

Log in to save and view your usage history.

My usage history

No runs recorded yet.

Frequently asked questions

Do I get free credits to try Color Palette Generator?
Yes — new accounts get 3 free credits to spend on any tool, Color Palette Generator included. After that you only pay for what you run.
How many credits does Color Palette Generator cost?
Everything runs in your browser and nothing is uploaded: free accounts pay 1 credit per run, and Pro or Pro+ members run it as often as they like.
Is the content I paste private?
Color Palette Generator uses your input only to generate the result. Stored results are deleted automatically by our retention policy, and you can remove any run from your history.
Do I need to install anything?
No. Color Palette Generator works in any modern browser — nothing to download or install.

Related tools

Tools people usually need next, in the same workflow.

Word & Character Counter

1 ⚡

Count words, characters, sentences and reading time.

JSON Formatter & Validator

1 ⚡

Pretty-print, minify and validate JSON instantly.

Color Converter

1 ⚡

Convert HEX, RGB, HSL and CMYK colors with a visual picker.

QR Code Generator

1 ⚡

Generate high-resolution QR codes with logo and color options.