Color Palette Generator

Create accessible palettes with locks and CSS or Tailwind exports.

All lab tools

#ba732c

#dcbe28

#bfd54d

#a1e55d

#8fe17f

Accessibility & Exports

Contrast checks

#ba732c / #dcbe282.05 Low

#dcbe28 / #bfd54d1.12 Low

#bfd54d / #a1e55d1.08 Low

#a1e55d / #8fe17f1.05 Low

--palette-1: #ba732c;
--palette-2: #dcbe28;
--palette-3: #bfd54d;
--palette-4: #a1e55d;
--palette-5: #8fe17f;

colors: {
  palette1: "#ba732c",
  palette2: "#dcbe28",
  palette3: "#bfd54d",
  palette4: "#a1e55d",
  palette5: "#8fe17f",
}