Palette Exporter

Export palettes to multiple code formats. Generate CSS Variables, SCSS, Tailwind Config, JSON, and more in one click.

Paste HEX List

Variable Prefix

Color Variants

:root {
  --color-primary: #4F46E5;
  --color-success: #10B981;
  --color-warning: #F59E0B;
  --color-danger: #EF4444;
  --color-info: #06B6D4;
}

primary

#4F46E5

success

#10B981

warning

#F59E0B

danger

#EF4444

info

#06B6D4

primary

Sample card content

success

Sample card content

warning

Sample card content

danger

Sample card content

info

Sample card content