Shade Generator | Create Uniform Shades And Tints - yle

Shade generator

Generate uniform shades and tints

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

Sign up for all tools in one

Try it out

Fullscreen

Enter colors

Random color

Separate multiple color codes by spaces

Generate shades

Helping world’s greatest designers create beautiful designs.

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

Tag » Color Shades Generator Ui