Design Effects

Color Swatch PNG Generator

Export a palette as a PNG swatch sheet

JSON

[
  "#3B82F6",
  "#A855F7",
  "#EF4444",
  "#10B981",
  "#F59E0B"
]

CSS

--color-1: #3B82F6;
--color-2: #A855F7;
--color-3: #EF4444;
--color-4: #10B981;
--color-5: #F59E0B;