ColorBox vs Grabient

ColorBox is a free web tool and extension for creating color systems and accessible palettes. You can adjust multiple colors in one tab and share a system as a URL or JSON file. Contrast indicators show 3:1, 4.5:1, and 7:1 levels for color sets, while HSV and OKLCH provide color-space modes. Auto Dark Mode creates an inverted set from original inputs; duplicated sets can also be edited manually. Hue progression rotates clockwise or counterclockwise. Export options include Config, Output, Tailwind, CSS, OKLCH, and Swift. The maker describes importing systems into Figma through a plugin and JSON, with custom step names and generated Paint Styles. A Sketch route uses that Figma workflow, then SVG export. The color algorithm can be consumed through NPM with exported JSON for code generation. Custom curves were described as unavailable in ColorBox at the cited time. The free plan is ad-free.

Grabient is a free web-based tool for making CSS gradients and managing palettes. Users can adjust gradient style, angle and steps, then create, save, browse, manage or like palettes. Search accepts descriptive terms such as colors, moods or themes. Exports include CSS, SVG and PNG; palette pages also offer copy options for colors, ShaderToy and JSON. Unauthenticated GET endpoints provide palette JSON, search, ranked palette lists and PNG renders without an API key. A URL seed determines a palette, so repeating the same seed reproduces its colors. Generated or exported gradients may be used for lawful personal and commercial projects under a perpetual, royalty-free license. Some features require an account, available through Google OAuth or email magic links. The documented API and image reads are limited to 300 requests per 10 seconds per IP, and PNG output has size caps. Grabient recommends itself for UI palettes, gradients and backgrounds, not accessibility contrast checks, image palette extraction, exact brand-hex matching or print/CMYK work.