AccessibleColor.design vs Atmos
AccessibleColor.design
accessiblecolor.design
Atmos
atmos.styleSide by side
| Figure | AccessibleColor.design | Atmos |
|---|---|---|
| Price from | — | — |
| Free plan | — | — |
| Free trial | — | Yes |
| Open source | — | — |
| Web | Yes | Yes |
| Plans published | 0 | 2 |
| Spec score · Color Palette Generators | 7.4 (#17) | 7.9 (#8) |
| Purpose | AccessibleColor is a tool for designers and developers that evaluates color palettes and helps adjust colors to meet accessible contrast ratios. | Atmos is a color palette tool built with UI designers in mind. |
| Support | The project README directs contributors to review or create GitHub issues and submit pull requests. | Atmos offers product support by email and a Slack community, and says it provides demos and onboarding support. |
Plans
In their own words
AccessibleColor.design
AccessibleColor.design has no write-up on Specifiction yet; its figures are above.
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.