ColorBox
ColorBox generates color palettes with customizable hue, saturation, and brightness curves, and exports values for tools including Tailwind CSS.
About ColorBox
ColorBox is a web tool for generating color palettes. Users set curves for hue, saturation, and brightness, and the palette is built as a series of steps. The number of steps and minor steps can be adjusted, and individual colors can be locked.
Palette values can be exported for Tailwind CSS, OKLCH, and Swift. Configurations can be imported and exported, and a Figma plugin is listed on the homepage. Contrast ratio labels such as 3:1 and 4.5:1 appear next to steps, measured against white (#FFFFFF). Pricing is not stated on the homepage.
Key features
- Hue, saturation, and brightness curves with selectable easing options
- Adjustable number of palette steps, including minor steps
- Value export for Tailwind CSS, OKLCH, and Swift
- Import and export of palette configuration as JSON
- Figma plugin listed on the homepage
- Contrast ratio labels for steps, shown against white
Best for: Designers and developers who build color systems and need to export palette values to Tailwind CSS or Figma.
Good for
- Exports palette values directly for Tailwind CSS
- Includes a Figma plugin
Watch out for
- Contrast ratio labels shown on the homepage are measured against white (#FFFFFF) only
ColorBox at a glance
- Website
- colorbox.io
- Category
- Design & Creative › Color Tools
- Type
- Online tool
- Pricing
- Not confirmed. Check the site
- Platforms
- Web
- Open source
- Not stated
- Last checked
- Oct 6, 2026 · Online when checked
- Listed
- Oct 5, 2026
Guides for Color Tools
ColorBox alternatives
Tools and sites you could use instead, ranked by how closely they match.
Super Color Palette generates, saves, and exports palettes using hue, saturation, and lightness controls, with sharing options on its page.
Free
24 alternativesColor Palette Pro generates shareable, downloadable color palettes in customizable color spaces, according to its page description.
Generate custom Tailwind CSS color palettes and browse the framework's built-in color values.
UX Palette Generator creates web interface color palettes with harmony methods and CSS, JSON, and SVG exports.
Color Deck collects color swatches and lets users copy their values, save palettes, and adjust hue, saturation, and lightness.
Khroma learns a user’s color preferences and generates palettes for designers to discover and save.
Popular in Color Tools
Well-known listings from the same topic.
accessiblepaletteaccessiblepalette.comhue.toolshue.toolsAdobe Colorcolor.adobe.comCoolorscoolors.coColor Pickerimagecolorpicker.comSchemeColorschemecolor.com
ColorBox FAQ
Can ColorBox export colors for Tailwind CSS?
Yes. Tailwind CSS is one of the export options shown on the homepage, alongside OKLCH and Swift.
Does ColorBox have a Figma plugin?
The homepage lists a Figma plugin. The homepage does not describe what the plugin does in detail.
Is something wrong or out of date?
Tell us and an editor will check it.
Own this website?
Claim this listing
Claim the listing and suggest updates yourself. An editor checks every claim first.