Export a Color Palette - CSS, JSON, ASE
Export your color palette to CSS, SCSS, JSON, Adobe ASE or Tailwind.
Votre palette
Téléchargement rapide
:root {
--color-1: #6366F1;
--color-2: #EC4899;
--color-3: #10B981;
--color-4: #F59E0B;
--color-5: #EF4444;
}Supported formats
How it works
Compose your palette
Pick the export format
Copy or download the code
Privacy guaranteed
100% local export. Your colors are never sent to a server.
Export a palette to every useful format
The tool converts your palette into ready-to-paste code for your web, design and print projects. CSS, SCSS, JSON, ASE, Tailwind: pick the format that fits your stack and save integration time.
CSS variables and custom properties
Export your palette as CSS variables (--color-primary, --color-secondary…) with HSL values for a modern, easily maintainable integration. The code is compatible with all recent browsers.
Tailwind CSS and utility-first frameworks
For Tailwind developers, the export produces a complete `colors` object to paste into your `tailwind.config.js`. Utility classes (text-brand-500, bg-brand-500…) become immediately available across your project.
ASE format for Adobe Photoshop and Illustrator
The ASE (Adobe Swatch Exchange) file imports directly into Photoshop, Illustrator and InDesign. Ideal to share a validated palette with a graphic designer or a print team.
JSON for design tokens and automation
JSON is perfect to plug the palette into a design tokens system or use it in automation scripts. Compatible with Style Dictionary, Tokens Studio and most modern design systems.