Export project

Export your palette from Atmos when you're ready to use them in other design tools or directly in code. Export settings let you customize how Atmos exports your colors.

Atmos project

Export formats

Export to SVG

By default Atmos exports your color palette as SVG with color family and shade names applied to the swatched for ease of use in other design tools.

Atmos project exported in SVG

Export to CSS

When exporting to CSS you can choose from 3 color spaces:

  • HEX
  • HSL
  • RGB
Atmos project exported in CSS

Export to JavaScript

When exporting to JavaScript you can choose from 3 color spaces:

  • HEX
  • HSL
  • RGB
Atmos project exported in JavaScript

Last updated March 2022

Create your palette for
free in minutes

Whether you're new to color palettes, or a pro looking for advanced tools, we'll have you set up and ready to create your best palette in minutes.

Get started for free