Atmos gives you the tools to create professional color palettes. Built with UI designers in mind.
Find matching semantic colors like success, warning, danger, and info
Limit colors to a specific color family
Generate color matching desired emotion or industry
Fully customizable wheel angles
See all wheel modes at once
Easing curves for smooth shades
Create hue transitions from one color to another
LCH and OKLCH color tool
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
Atmos has even more features to help you create, manage, and share your color systems.
Build accessible color palettes with contrast checker that supports APCA (WCAG 3) and WCAG 2
Experience your colors through another’s eyes.
Speed up your workflow by importing and exporting your color palette to Figma with the Atmos plugin.
Import colors from your design system, or directly from Figma.
Send your palette to a teammate and collaborate.
Experiment freely knowing you can revert the changes anytime.
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.
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!
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!
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