Color Palette Generator

Create accessible palettes with locks and CSS or Tailwind exports.

All tools

#2cba3a

#28dc76

#4dd5b6

#5dd7e5

#7fb6e1

Accessibility & Exports

Contrast checks

#2cba3a / #28dc761.41 Low

#28dc76 / #4dd5b61.01 Low

#4dd5b6 / #5dd7e51.07 Low

#5dd7e5 / #7fb6e11.27 Low

--palette-1: #2cba3a;
--palette-2: #28dc76;
--palette-3: #4dd5b6;
--palette-4: #5dd7e5;
--palette-5: #7fb6e1;

colors: {
  palette1: "#2cba3a",
  palette2: "#28dc76",
  palette3: "#4dd5b6",
  palette4: "#5dd7e5",
  palette5: "#7fb6e1",
}