Announcing Flows – User onboarding for modern SaaS →

Everything you need to create color palettes

Atmos gives you the tools to create professional color palettes. Built with UI designers in mind.

Color generator
Color wheel
Shade generator
Playground

Helping world’s greatest designers create beautiful designs.

Make a professional
color palette in minutes

Color generator

Find the best colors

Kick-start your palette with a color generator designed to create harmonious color combinations for UI design.

Find matching semantic colors like success, warning, danger, and info

Limit colors to a specific color family

Generate color matching desired emotion or industry

Try it out

Color wheel

Discover great color schemes

Visualize the relationship between colors on the color wheel. Find the perfect color combination and achieve harmony.

Fully customizable wheel angles

See all wheel modes at once

Try it out

Shade generator

Get perfectly uniform shades for every color

Enter your colors and get uniform color shades and tints in seconds.

Easing curves for smooth shades

Create hue transitions from one color to another

Try it out

LCH and OKLCH color tool

Make your color palette perfect

Be in control with LCH color pickers and charts that give you the full picture of your palette.

Powerful color editor for advanced customization

LCH and OKLCH color space for perceptually uniformity and accessibility

Color contrast checker with support for WCAG 2 and WCAG 3

Try it out
Atmos lch color tool preview

More things you can do

Atmos has even more features to help you create, manage, and share your color systems.

Contrast checker

Build accessible color palettes with contrast checker that supports APCA (WCAG 3) and WCAG 2

Contrast checker preview

Vision simulator

Experience your colors through another’s eyes.

Color simulation preview

Palette export

Export your palette to SVG, Figma, CSS, Style Dictionary, Tailwind CSS or JavaScript.

Export illustration

Sync styles with Figma

Speed up your workflow by importing and exporting your color palette to Figma with the Atmos plugin.

Atmos figma plugin preview

Palette import

Import colors from your design system, or directly from Figma.

Color codes illustration

Shared palettes

Send your palette to a teammate and collaborate.

Share dialog preview

Version history

Experiment freely knowing you can revert the changes anytime.

Version history preview

What are designers saying

Jan Søholm Knudsen

Jan Søholm Knudsen

Art Director estaldo.com

Need a simple, yet powerful tool to make uniform color palettes with clear accessibility checks? Look no further, Atmos does that all and more, without compromising on flexibility and control for the designer.

Espen Benoni

Espen Benoni

UX/UI Designer agens.no

Working with design systems and color palettes, I’ve spent countless days tweaking colors and manually checking contrasts to meet both WCAG 2.1 and WCAG 3.0 standards. Now, with Atmos, not only am I saving a lot of time, the process is also much more enjoyable!

Mike Zetlow

Mike Zetlow

Developer mikezetlow.com

Atmos gives me a huge advantage. Clients give me a brand color or two and I'm able to build out all the other colors for their app in 5 minutes. And it's all done with accessibility in mind!

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