Export Color Palettes for Code & Design
Export your current palette as CSS, Tailwind, SCSS, React, Flutter, Swift, SVG, PNG, PDF, ASE or XLSX, generated locally in your browser.
The interactive tool loads here when JavaScript is enabled. Files are processed locally in your browser.
How to use Export Color Palettes for Code & Design
- Choose a code format — CSS, Tailwind, SCSS, React, Flutter or Swift — to preview and copy generated code for the current palette.
- Download individual files (SVG, PNG, PDF or ASE) as they finish preparing, or use Download everything for the full set at once.
Features
- Code for CSS variables, Tailwind, SCSS, React, Flutter and Swift.
- Files in SVG, PNG, PDF, Adobe Swatch Exchange (ASE) and Excel formats.
- Download single files or everything at once.
- Everything is generated locally from your current palette.
Supported formats and limitations
Output: CSS, Tailwind, SCSS, React, Flutter, Swift, SVG, PNG, PDF, ASE and XLSX.
- Exports use the palette currently saved in this browser.
Frequently asked questions
Does this tool send my palette to a server?
No. Every code snippet and file is generated locally in your browser.
What is an ASE file for?
An Adobe Swatch Exchange (.ase) file lets you import the palette's colors directly into Adobe applications such as Photoshop or Illustrator.
Can I change which colors are exported?
Yes — adjust the palette in Palette Studio first; Export Center always exports the current palette.