Palette Generator Home

Color Palette Generator

Edit each color your way, generate new color combinations, and export your palette as HEX, CSS, Tailwind, or JSON.

More free tools

See all free tools →

Free color palette generator

Create color combinations in seconds: press the spacebar to generate a new palette, lock the colors you like and tweak the rest until you find the perfect color scheme. Copy the HEX codes or export your palette to CSS, SCSS, Tailwind or JSON to use it on your website, in Figma, in Canva or in any project. It's free and no sign-up is required.

How to create a color palette

  1. GeneratePress the spacebar or the “Generate” button to see new color combinations.
  2. LockUse the lock to keep the colors you want to hold on to.
  3. AdjustTap a color to change it with the color picker, move it or remove it.
  4. ExportCopy the HEX codes, download the image or export to CSS, SCSS, Tailwind or JSON.

What you can do

More color tools

Frequently asked questions

Is the color palette generator free?

Yes. You can create, save and export as many palettes as you want without paying and without creating an account.

How do I use the palette in Figma, Canva or CSS?

Copy the HEX code of each color and paste it into your tool, or use “Export” to get CSS variables, SCSS variables, a Tailwind config or a JSON file.

How do I find colors that go well together?

Lock one or two colors you like and generate the rest: the generator suggests shades that harmonize with them. You can also start from a photo with the palette from image tool.

Are my palettes saved?

Palettes you add to your Favorites are saved in your browser, so you'll find them when you come back on the same device.

Export palette