Atmos vs ColorDesigner

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.

ColorDesigner is a web and extension platform for creating color wheels, palettes, and gradients. Its listed 13 tools include a palette builder, gradient generator, color mixer, color wheel, converter, image palette extraction, image color picking, contrast checker, and color comparison. The palette builder creates tints, shades, tones, and complementary, analogous, split-complementary, triadic, and tetradic harmonies. The Free plan costs nothing and includes 12 tools, HEX export, up to five saved colors, five palettes, and one project. Pro is $37.20 a year, billed annually, excluding tax; it adds unlimited saved colors, palettes, and projects, plus export in HEX, RGB, HSL, LAB, LCH, OKLAB, and OKLCH. Subscription plans include a 14-day free trial; the one-time payment option has no trial. The Figma plugin creates tints, shades, harmonies, and stepped gradients from selected layers or local styles, but supports solid fills only. The Photoshop extension includes a color wheel, OKLCH support, harmonies, and stepped gradients with hue interpolation across color spaces.