Atmos vs ColorKit

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.

ColorKit is a free web toolkit for designers and artists working with color palettes, gradients, and other design elements. Its palette generator offers AI prompts, style modes, color locking, and controls for hue, brightness, saturation, and temperature. Palettes can be exported as PNG, copied as CSV or an array, or shared by URL. The image palette tool extracts 2 to 10 colors, allows manual adjustment of color points, and can create a PNG collage; ColorKit says images used by this tool are never uploaded to its server. The gradient maker supports linear, radial, and conic gradients, adjustable color stops, AI generation, CSS copying, and image or code export, with up to eight stops per gradient. A contrast checker calculates text and background contrast ratios and can pick colors from an uploaded image or image URL. Other listed tools include a color picker, shade generator, SVG color changer, background maker, and color mixer. ColorKit is available on the web. Image palette extraction needs no signup; a free account is required to save palettes and gradients.