ColorDesigner vs ColorPalette Pro
ColorDesigner
colordesigner.ioColorPalette Pro
colorpalette.proSide by side
| Figure | ColorDesigner | ColorPalette Pro |
|---|---|---|
| Price from | $3.10/mo | Free |
| Free plan | Yes | Yes |
| Free trial | Yes | — |
| Open source | — | — |
| Web | Yes | Yes |
| Plans published | 2 | 1 |
| Spec score · Color Palette Generators | 8.2 (#5) | 8.1 (#6) |
Plans
In their own words
ColorDesigner
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.
ColorPalette Pro
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.