Palette Generator

Find your next color combination. Keep what you love, remix the rest.

All color tools

Lock favorites, edit a shade, or move it into place. Press Space to generate.

Edit color

Paste a HEX, RGB, or HSL color.

Download

A palette image for sharing.

Saved work (0)

Save your first palette above. Its colors and settings will be ready to reopen.

Saved on this device with its settings. Download a project to keep a backup or import it on another device.

Build a palette you can keep refining
  1. Choose between 2 and 10 colors and a direction such as Pastel, Earthy, or Triadic.
  2. Generate a combination and lock the shades you want to keep. New colors consider all your locked choices. Choose Edit to paste a HEX, RGB, or HSL value, or use the color picker. Undo and redo let you compare changes.
  3. Download a PNG or SVG image, a PDF reference sheet, an Adobe Swatch Exchange (ASE) file, a CSV table, CSS variables, or Tailwind CSS v4 theme tokens. The format description explains how to use each result.
  4. Name and save a palette to retain its colors, locks, and direction. Reopen it from Saved work, or download and import a project JSON backup.
  5. Use Check contrast, Check color vision, or Preview as a brand to continue working with this palette.

Lock a brand’s existing blue, choose Analogous, and generate supporting colors. A harmonious palette still needs a contrast check before you use it for text.