Back to all tools

Free tool

Color Palette Generator

Generate beautiful palettes from a seed color, or shuffle for inspiration. Export as CSS, Tailwind config or hex codes.

#63ADF1

#6389F1

#6366F1

#8463F1

#A763F1

CSS

:root {
  --color-1: #63adf1;
  --color-2: #6389f1;
  --color-3: #6366f1;
  --color-4: #8463f1;
  --color-5: #a763f1;
}

Tailwind

// tailwind.config.js theme.extend.colors
{
  "palette-1": "#63adf1",
  "palette-2": "#6389f1",
  "palette-3": "#6366f1",
  "palette-4": "#8463f1",
  "palette-5": "#a763f1",
}