Everything you need to create color palettes

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

Try Color Generator

Try Color Wheel

Try Shade Generator

Try Playground

Helping 30,000+ world’s greatest designers create beautiful designs.

Color generator & Color wheel

Find the best colors

Kick-start your palette with a color generator or color wheel designed to find harmonious color combinations.

Try Color generator Try Color wheel

Semantic status colors

Generate success, warning, danger and info colors from your primary color.

Meaning, family, style

Narrow down your search for the best colors by filtering through different meanings, and styles.

Fully customizable wheel angles

Adjust the color wheel angles to get perfect color harmony for your palette.

See all wheel modes at once

View complementary, triadic, tetradic and analogous color modes side by side.

“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.”

Jan Søholm Knudsen

Art Director at Estaldo

Shade generator

Get perfectly uniform shades for every color

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

Try Shade generator

Easing curves for smooth shades

Choose from multiple easing curves to get the perfect smoothness for your shades.

Create hue transitions

Generate shades that transition through the color wheel for more vibrant palettes.

“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!”

Espen Benoni

UX/UI Designer at Agens

Playground

Make your color palette perfect

Be in control with color pickers and charts that use modern color spaces (LCH, OKLCH...) to give you the full picture of your palette.

Try Playground

Easing curves

Smoothly adjust colors using multiple easing curves.

Color gamut limits

sRGB, Display P3 or unlimited gamut?

Advanced color spaces

Create perceptually uniform palettes with LCH or OKLCH.

Precise control

Be in control with color pickers that give you the full picture.

“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!”

Mike Zetlow

Developer

And so much more

Atmos is a toolbox specialized for creating UI palettes. From finding colors, through generating shades, to fine-tuning your palette we've got you covered.

Contrast checker

Build accessible palettes with APCA (WCAG 3) and WCAG 2

Vision simulator

Experience your colors through another’s eyes.

Palette import & export

Get colors to and from your designs system, tool, or app.

Figma plugin

Bring colors into Figma with our fully featured plugin.

Shared palettes

Send your palette to a teammate and collaborate.

Version history

Experiment knowing you can revert the changes anytime.

What are designers saying?

Alex

@MetalHaze

Well, this is awesome!

Hennie

@andyhennie

I was convinced after this read. Their product is actually pretty neat.

SHOWROCK

@shonibareroqeeb

Since I’m not designing today, I have decided to share this simple powerful tool to make uniform color palette with clear accessible checks? Trust me, this will help you in your design system

Matthias Ott

@matthiasott.com

Just bought a lifetime license for Atmos because it is just sooo good for creating perceptually uniform color palettes – including a shade generator, a contrast checker, OKLCH support, CSS export, a Figma plugin, online sharing, and, and… 😍 👉 atmos.style (No affiliation, just genuine excitement! 😁)

Patrick Johansen

@patrickskov

another amazing tool for creating color scales in LCH.

Alberto Calvo

@intemperie.me

My new favorite is atmos.style, which works exactly as I expect, with access to OKLCH color space, P3 color gamut, and visual controls with curves and all the stuff you'd need to create something nice! 💖

Satori Graphics®

@satorigraphic2k

Love your tool and happy to spread awareness 👍🏻

jeremyelder

@jeremyelder

I like working in @atmos_style. Adding all of the variables and quickly selecting a swatch to key off of for contrast is fast.

Abhijeet

@iabhi1610

@atmos_style Best so far

Dusty Pomerleau

@dpom.bsky.social

hue-shifting on atmos is like a drug :)