Tailwind Color Palette Generator

Generate 50-950 shades from one base color for Tailwind or design tokens.

Shade Ramp

#eef3fd

100

#dce6fc

200

#bed0f9

300

#96b4f5

400

#628ff1

500

#2563eb

600

#2055ca

700

#1b47a9

800

#153988

900

#102a63

950

#0a1c42

Tailwind Snippet

brand: {
  50: "#eef3fd",
  100: "#dce6fc",
  200: "#bed0f9",
  300: "#96b4f5",
  400: "#628ff1",
  500: "#2563eb",
  600: "#2055ca",
  700: "#1b47a9",
  800: "#153988",
  900: "#102a63",
  950: "#0a1c42",
}