Announcing Flows – User onboarding for modern SaaS →

Atmos logo
  • Login
    • Get started for free
    Atmos logo
    Signup

    Shade generator

    Generate uniform shades and tints

    Easily create shades and tints that are perceptually uniform and accessible.

    Enter colors

    Separate multiple color codes by spaces

    Like this tool? Sign up for Atmos to use all our tools in one place, with shared color palette across all of them.

    Make a professional
    color palette in minutes

    Get started for free

    Get perfectly uniform shades for every color

    Instead of just adding black and white to your colors, Atmos's shade generator uses LCH or OKLCH color space to create perceptually uniform shades that look good and are accessible.

    Create hue transitions

    Need to create vibrant shades? Try hue shifting.

    Make smooth transitions from one color to another with Atmos’s advanced hue shifting tool.
    Example of using color shift on yellow color

    Create your palette

    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.
    Atmos palette in app

    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!

    Try out other Atmos tools

    Color generator

    Generate brand and complementary status colors with a click of a button.

    Try it out

    Color wheel

    Create color combinations that look good together using color schemes.

    Try it out

    Playground

    Explore colors in LCH or OKLCH for uniform and accessible color palettes.

    Try it out

    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