Once you’ve perfected your color palette, KColor makes it easy to export it in multiple formats for seamless use in your design or development workflow.
Click the 
Export color palette from the top bar.
Choose your output format
KColor lets you export your color palette in multiple formats tailored to your workflow, from frameworks like Tailwind and Bootstrap to raw data formats like JSON and CSV. You can also choose the value type—such as Hex, HSL, OKLCH, RGB, or Display-3—to match your preferred color model. The table below shows all supported format and type combinations:
| Format | Type |
|---|---|
| SCSS | Hex, HSL, OKLCH, RGB, Display-3 |
| CSS | Hex, HSL, OKLCH, RGB, Display-3 |
| Tailwind (v3, v4, Export module) | Hex, HSL, OKLCH, RGB, Display-3 |
| Bootstrap | Hex, HSL, OKLCH, RGB, Display-3 |
| JSON | Hex, HSL, OKLCH, RGB, Display-3 |
| Array | Hex, HSL, OKLCH, RGB, Display-3 |
| CSV | Hex, HSL, OKLCH, RGB, Display-3 |
Embed, copy, or download
Once your output is selected, you can:
- Copy: One-click copy to clipboard for pasting into code editors.
- Download: Click the
more button to export the palette as a .PNGimage or.ASEfile for design apps like Illustrator, Photoshop or Figma.
Embed the color palette
Click the Embed Palette button to generate embeddable code that you can copy and paste anywhere in your code to display the palette where you want.
View your palette across mobile devices
You can click the 
to generate a QR Code that you can scan to view your palette across any device instantly.
Request new options
If your preferred format is missing, use the “Request an export option” link to suggest new features. We’re always listening.
Next steps
With a few clicks, you can bring your KColor palette into any project—from design systems to codebases—with full format flexibility.
