Color Palette Generator

Generate beautiful color palettes from any base color. Perfect for design systems and UI development.

Base Color

Color Format

50
#e7effe

100
#cee0fd

200
#b6d0fc

300
#9dc1fb

400
#85b1f9

500
#3b82f6

600
#0a59da

700
#0845aa

800
#063179

900
#031d48

CSS Variables:

:root {
  --color-50: #e7effe;
  --color-500: #3b82f6;
  --color-900: #031d48;
}

Tailwind CSS:

bg-blue-50    /* #e7effe */
bg-blue-500   /* #3b82f6 */
bg-blue-900   /* #031d48 */