Atmos vs ColorPalette Pro

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.

ColorPalette Pro is a web app for generating customizable color palettes from a base color. It creates analogous, complementary, split complementary, triadic, tetradic, and tint-and-shade palettes, with square, triangle, circle, and diamond variations for each type. Colors can be entered as text, adjusted with sliders, selected with an eyedropper, recalled from history, chosen at random, or supplied through a URL. Supported color spaces include OKLCH, LAB, LCH, HSL, and RGB. UI mode generates interface palettes with surface and on-surface colors, including light and dark versions. Palette values can be copied as CSS, saved as a CSS file, or rendered as an image; a URL can preserve the chosen color and most options for sharing. Palette images can be dragged into Figma for sampling. The app matches color names through an API using hex values and uses Color.js for color-science functions. It is open source under the MIT license, and its maker says there are no plans for ads or subscriptions. The eyedropper is unavailable in Firefox and mobile browsers.