ColorPalette Pro vs Grabient

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.

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.