Color Palette Exporter
Export any color palette in the format your project needs. Paste HEX codes and download as CSS, Tailwind config, SCSS, JSON, SVG, PNG or plain text.
Separate colors by commas, spaces or new lines. Both 3-digit and 6-digit HEX are accepted.
Export Formats
What Is a Color Palette Exporter?
A color palette exporter takes a set of colors and produces them in every format a project might need — CSS custom properties, Tailwind configuration, SCSS variables, JSON for design tools, SVG for vector use, PNG for raster use, or a plain text list. This is the final step in any palette workflow: after you choose and validate colors, you export them into the actual code or files your project uses.
When to Use Each Format
- CSS: For any modern web project using CSS custom properties.
- Tailwind config: For Tailwind CSS projects — drop into your tailwind.config.js.
- SCSS: For legacy or custom SCSS workflows.
- JSON: For design tools, Figma plugins, Storybook or design systems.
- SVG: For scalable color swatches in presentations or design docs.
- PNG: For static color swatches in slides or mockups.
- TXT: For quick reference or non-technical documents.