Is the color palette generator free to use?

Yes. It’s free and runs in your browser - no signup, no install.

How do I generate a new palette?

Press the Spacebar or click Generate. Lock any color you want to keep before you regenerate.

Can I generate a color palette from one base color?

Yes. Click the first swatch, enter your seed hex code, lock it with the lock icon, then press Space to generate matching companion colors around it.

Can I choose exact hex codes?

Yes. Click a swatch to open the color input and type (or paste) a specific hex code.

What export formats are supported?

CSS custom properties, SCSS variables, a Tailwind colors block, JSON, Array, and a PNG image.

Can I share a palette?

Yes. Click Share to copy a URL that encodes your palette. Opening the URL recreates the same palette.

How many colors can the palette have?

Between 2 and 10 colors. You can add a color between existing ones or remove any color when there are more than two.

Is it accessible for users with visual impairments?

The interface is keyboard-accessible with screen-reader labels. For accessible output, verify text/background contrast against WCAG AA (4.5:1 body text, 3:1 large text).

Color Palette Generator

Generate beautiful color palettes with drag-and-drop reordering, lock colors, and export in multiple formats

Purple

RGB(170, 110, 237)

HSL(268°, 78%, 68%)

Magenta

RGB(186, 33, 188)

HSL(299°, 70%, 43%)

Light Cobalt

RGB(142, 188, 221)

HSL(205°, 54%, 71%)

Teal

RGB(76, 249, 183)

HSL(157°, 94%, 64%)

Pearl

RGB(157, 164, 158)

HSL(129°, 4%, 63%)