Docs

Guides

Learn the basics of Atmos as well as some of the advanced features Atmos has to offer.

Learn how to use the main Atmos features step-by-step. Each guide walks you through a specific tool so you can get up and running quickly.

In this section

  • Color generator — Find harmonious color combinations tailored for UI design.
  • Color wheel — Create color combinations using classic color schemes like complementary, triadic, and more.
  • Shade generator — Generate perceptually uniform shades and tints for your colors.
  • Playground — Fine-tune your palette in LCH or OKLCH color space with visual charts.

On this page