Skip to content
SPECIFICTION
Get listed

ColorBox vs ColorPalette Pro

ColorBox

colorbox.io

ColorPalette Pro

colorpalette.pro

Side by side

FigureColorBoxColorPalette Pro
Price fromFreeFree
Free planYesYes
Free trial——
Open source——
WebYesYes
Plans published11
Spec score · Color Palette Generators7.9 (#11)8.1 (#6)
Color spacesThe web app lists HSV and OKLCH as color-space modes.It supports multiple color spaces, including OKLCH, LAB, LCH, HSL, and RGB.
PurposeColorBox is a tool for creating color systems and accessible palettes.ColorPalette Pro generates customizable color palettes from a base color.

Plans

ColorBox

  • FreeFree

ColorBox pricing →

ColorPalette Pro

  • FreeFree

ColorPalette Pro pricing →

In their own words

ColorBox

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.

Visit colorbox.io

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.

Visit colorpalette.pro