Color Palette Generator

Create accessible palettes with locks and CSS or Tailwind exports.

All lab tools

#2cba59

#28dc9d

#4dd5d3

#5dbae5

#7fa1e1

Accessibility & Exports

Contrast checks

#2cba59 / #28dc9d1.43 Low

#28dc9d / #4dd5d31.00 Low

#4dd5d3 / #5dbae51.22 Low

#5dbae5 / #7fa1e11.19 Low

--palette-1: #2cba59;
--palette-2: #28dc9d;
--palette-3: #4dd5d3;
--palette-4: #5dbae5;
--palette-5: #7fa1e1;

colors: {
  palette1: "#2cba59",
  palette2: "#28dc9d",
  palette3: "#4dd5d3",
  palette4: "#5dbae5",
  palette5: "#7fa1e1",
}