Colour palette generator

Create a colour palette from one colour: Tailwind-style shades 50-900, complementary, analogous, triadic, tetradic or monochromatic - with CSS variables.

Free · No sign-up · Your files are processed on your device and never uploaded

How to use Colour palette generator

  1. Fill in a few fields…
    1

    Paste or type

    Put your content in the box - or try the example.

  2. Result appears instantly
    2

    Watch the result

    Pick the options you want - the defaults suit most files.

  3. TXTCopy the result
    3

    Download the result

    Ready in seconds. Your file never left your device.

Features

  • Tailwind-style 50-900 scale.
  • Colour harmonies.
  • Download as SVG/PNG, copy CSS variables.

Free and private

Everything runs in your browser. Nothing you paste is uploaded, logged or stored.

Questions

Can I use it with Tailwind?

Yes - paste the shades into your tailwind.config colours.

Is it free?

Yes - free and unlimited, with no sign-up and no watermark.

More developer tools

All tools →