What it does
Atmos combines palette generation, a colour wheel, shade creation and a detailed colour playground. Its tools include LCH and OKLCH controls, display colour-range limits, contrast checking, palette sharing and Figma integration. After a 14-day trial, continued editing requires paid Pro access.
Set the number of shades, then choose how to distribute them. Lightness mode sets brightness targets; Contrast mode instead targets WCAG ratios against white, black or a custom reference colour. Named presets preserve the slider settings for the selected mode. Hue-shifting curves can then move the darker and lighter shades around the starting colour.
Regeneration replaces the palette apart from source colours. Exclude a colour family to protect it, but the shade count cannot change while any families are excluded. In the playground, charts reveal the limits of the selected colour range and support finer adjustments.
The 14-day trial needs no credit card and allows editing, with SVG vector-file export. Afterwards, palettes remain viewable and exportable as SVG; continued editing needs Pro. Paid monthly, yearly and lifetime options include the wider export workflow: CSS, JSON, JavaScript, Tailwind, design tokens and Figma sync.
Strengths
- Shade targets can follow lightness or contrast against a chosen background.
- Excluded colour families are protected from regeneration.
Watch out for
- Trial exports are limited to SVG.
- Editing stops after the trial unless Pro is purchased.
- The number of shades is fixed while any colour families are excluded.
Best for
- Teams developing reusable colour scales for interfaces.
Sources
- Atmos - Everything you need to create color palettes (Oct 28, 2026)
- Shade generator - Atmos Docs (Oct 28, 2026)
- Playground - Atmos Docs (Oct 28, 2026)
- Export project - Atmos Docs (Oct 28, 2026)
- Pricing - Atmos (Oct 28, 2026)