Color Palette Generator

Create accessible palettes with locks and CSS or Tailwind exports.

All lab tools

#2c48ba

#4028dc

#8d4dd5

#c95de5

#e17fd4

Accessibility & Exports

Contrast checks

#2c48ba / #4028dc1.07 Low

#4028dc / #8d4dd51.63 Low

#8d4dd5 / #c95de51.49 Low

#c95de5 / #e17fd41.32 Low

--palette-1: #2c48ba;
--palette-2: #4028dc;
--palette-3: #8d4dd5;
--palette-4: #c95de5;
--palette-5: #e17fd4;

colors: {
  palette1: "#2c48ba",
  palette2: "#4028dc",
  palette3: "#8d4dd5",
  palette4: "#c95de5",
  palette5: "#e17fd4",
}