Atmos vs Material Design Color Generator
Atmos
atmos.styleMaterial Design Color Generator
mcg.mbitson.comSide by side
| Figure | Atmos | Material Design Color Generator |
|---|---|---|
| Price from | — | Free |
| Free plan | — | Yes |
| Free trial | Yes | — |
| Open source | — | — |
| Web | Yes | Yes |
| Plans published | 2 | 1 |
| Spec score · Color Palette Generators | 7.9 (#8) | 7.1 (#27) |
| Purpose | Atmos is a color palette tool built with UI designers in mind. | Generates color palettes for Material Design and supports importing and exporting palettes for frameworks and toolkits. |
| Support | Atmos offers product support by email and a Slack community, and says it provides demos and onboarding support. | The project directs users to report bugs or ask questions through GitHub Issues. |
Plans
In their own words
Atmos
Atmos is a color-palette tool for UI designers, offered as a web app and extension. It includes a color generator, wheel, shade generator and playground for creating and refining palettes. The playground supports LCH and OKLCH color spaces with sRGB and Display P3 gamut limits. Its contrast checker covers APCA (WCAG 3) and WCAG 2. Users can save palettes, maintain a brand color library, work with print color and share palettes with teammates. Exports include SVG, Figma, CSS, JavaScript, JSON, Tailwind CSS, Style Dictionary, Design Tokens and Raw, with HEX, HSL, RGB, CMYK, LCH and OKLCH values. Atmos provides a Figma plugin; Pro adds palette syncing with Figma. The free plan allows one project, while Pro offers unlimited projects and all features. A 14-day trial needs no credit card but limits exports to SVG. Atmos is made by RBND studio.
Material Design Color Generator
Material Design Color Generator has no write-up on Specifiction yet; its figures are above.