atmos.style Open in urlscan Pro
2606:4700:3030::6815:453f  Public Scan

Form analysis
0 forms found in the DOM

Text Content

 * Product
   
   * Color generator
     
     Unlimited color combinations
   
   * Color wheel
     
     Find harmonious combinations
   
   * Shade generator
     
     Create uniform shades
   
   * Playground
     
     Explore LCH & OKLCH
   
     --------------------------------------------------------------------------------
   
   * Palette templates
   
   * Color converter
   
   * Contrast checker
 * Solutions
   
   * UI Design
   
   * Design systems
 * Resources
   
   * Support
   
   * Docs
   
   * Release notes
 * Blog
 * Pricing

LoginGet started for free

Signup


 * Product
   
   Color generatorColor wheelShade generatorPlaygroundPalette templatesColor
   converterContrast checker

 * Solutions
   
   UI DesignDesign systems

 * Resources
   
   SupportDocsRelease notes
 * Blog
 * Pricing


EVERYTHING YOU NEED TO CREATE COLOR PALETTES

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

Get started for freeExplore our tools




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





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


VISION SIMULATOR

Experience your colors through another’s eyes.


PALETTE EXPORT

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


SYNC STYLES WITH FIGMA

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


PALETTE IMPORT

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


SHARED PALETTES

Send your palette to a teammate and collaborate.


VERSION HISTORY

Experiment freely knowing you can revert the changes anytime.


WHAT ARE DESIGNERS SAYING

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

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

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

Join our slack community

Tools

 * Color generator

 * Color wheel

 * Shade generator

 * Playground

 * Color converter

 * Color picker

 * Color name finder

 * Contrast checker

Solutions

 * Design systems

 * UI design

Resources

 * Palette templates

 * Blog

 * Support

 * Documentation

 * Release notes

 * Status

About

 * Pricing

 * Privacy policy

 * Terms of Service

--------------------------------------------------------------------------------

© 2023 Atmos

Made with ❤️ by rbnd studio