Free Color Palette Generator

Find a colour combination and copy it into your project.

Press Spacebar to generate palette

Primary Brand

#9E2083

Secondary Accent

#E28536

Dark Text / Surface

#19251C

Light Background

#F6F3F5

Vibrant Highlight

#1AEC13

What you can do

Generate a fresh palette or keep individual colours locked while the others change.

Select a swatch to copy its HEX value. Each colour has a suggested role you can adapt.

Copy the palette as CSS custom properties or a Tailwind colour configuration.

Test the actual foreground and background pairs you intend to use. The generator does not measure or certify their contrast.
Use a separate cue alongside colour for errors, selected items and other important states.