Skip to content
SPECIFICTION
Get listed

ColorBox

colorbox.io

Free plan WebBrowser extension
Visit colorbox.io
Spec score 7.9 #11 of 34 in Color Palette Generators

What it is

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.

Spec sheet

Purpose
ColorBox is a tool for creating color systems and accessible palettes.Read 8 Oct 2026 · kvyn.medium.com
Headquarters
San Francisco, United StatesRead 28 Sep 2026 · colorbox.io
Founded
2018Read 28 Sep 2026 · colorbox.io
Code workflow
The maker says the color algorithm can be consumed through NPM, using exported JSON to generate colors in code.Read 8 Oct 2026 · kvyn.medium.com
Color spaces
The web app lists HSV and OKLCH as color-space modes.Read 8 Oct 2026 · colorbox.io
Contrast indicators
The tool can show contrast levels including 3:1, 4.5:1, and 7:1 on color sets.Read 8 Oct 2026 · kvyn.medium.com
Custom curves
The maker's article says custom curves were available in the algorithm but not yet available in ColorBox at the time of publication.Read 8 Oct 2026 · kvyn.medium.com
Dark mode
Auto Dark Mode generates an inverted color set from the original set's inputs, and users can also duplicate and manually edit an inverted set.Read 8 Oct 2026 · kvyn.medium.com
Export formats
The web app lists export options for Config, Output, Tailwind, CSS, OKLCH, and Swift.Read 8 Oct 2026 · colorbox.io
Figma integration
The maker describes importing a ColorBox color system into Figma with a plugin and JSON, with options to customize step names and generate Figma Paint Styles.Read 8 Oct 2026 · kvyn.medium.com
Hue rotation
Hue progression can rotate clockwise or counterclockwise.Read 8 Oct 2026 · kvyn.medium.com
Multiple colors
Users can modify multiple colors within one tab and share a color system as a URL or JSON.Read 8 Oct 2026 · kvyn.medium.com
Sketch workflow
The maker describes a workaround for Sketch: import through the Figma plugin, export as SVG, then bring that SVG into Sketch.Read 8 Oct 2026 · kvyn.medium.com
Support and updates
The maker points users to the maker's Twitter account for updates about ColorBox improvements.Read 8 Oct 2026 · kvyn.medium.com

Plans and prices

Free Free Free to use · ad-free Read 8 Oct 2026 · kvyn.medium.com

Every ColorBox plan and price →

Strong points and limits

Strong points

  • Free, ad-free plan
  • Contrast levels for accessibility checks
  • HSV and OKLCH modes
  • Dark-mode inversion option
  • Several export formats

Limits

  • No free trial because the plan is free
  • Custom curves were not yet available
  • Sketch workflow requires an indirect route

Who it suits

It suits designers and developers building palette systems, checking contrast, preparing dark variants, or exporting colors into design and code tools.

Verdict

ColorBox focuses on palette construction, contrast visibility, transformations, and handoff to design or code workflows. Its free plan and broad export list make the main trade-off the availability of some workflows and algorithm options.

Where Specifiction places it

Alternatives to ColorBoxAll alternatives →