Color tools

Build your palette

Click a swatch to select it, drag to reorder, and use the picker below to fine-tune.

Selected

#6366F1

#8B5CF6

#EC4899

#F97316

#EAB308

Color picker

Editing #6366F1

Hex

Hue

239°

Sat

59%

Val

95%

Save palettes to your browser and load them later.

No saved palettes yet. Name your palette and click save.

:root {
  --color-1: #6366F1;
  --color-2: #8B5CF6;
  --color-3: #EC4899;
  --color-4: #F97316;
  --color-5: #EAB308;
}

5 colors · Click to select · Drag to reorder · Ctrl+Z / Ctrl+Y to undo/redo