Color Tools

Color Palette Generator

Create beautiful color palettes from a base color with copy-ready HEX values.

Tap a color to copy

.palette {
  --color-1: #F50A89;
  --color-2: #F62554;
  --color-3: #F75140;
  --color-4: #F89B5B;
  --color-5: #F9D576;
}

Choose base color

Pick a color, adjust it, then apply it.

HEX

Current color

#FF6A5B

Selected base color

Presets

Palette Type

Color Count

Tap a color to copy

.palette {
  --color-1: #F50A89;
  --color-2: #F62554;
  --color-3: #F75140;
  --color-4: #F89B5B;
  --color-5: #F9D576;
}