These buttons open the developer's own site, repository or store listing in a new tab. wares.gg does not host downloads.
About ColorBox
ColorBox generates color scales for design systems by letting you set start and end values and easing curves for hue, saturation and brightness, with HSV and OKLCH modes. Each step shows its contrast ratio against white and black, so you can see where text becomes legible.
Scales can be exported as Tailwind CSS, OKLCH or Swift code, copied as a JSON config, shared by URL or used through a Figma plugin. It suits designers who want precise, repeatable control over a palette.
Strengths
- Fine control over each channel with easing curves
- Shows contrast ratios for every step
- Exports to Tailwind CSS, OKLCH and Swift
Limitations
- Curve-based controls take some learning
- Aimed at systematic scales rather than quick inspiration
Details
- Pricing
- FreeFree to use in the browser; no paid tier is shown on the page.
- License
- Proprietary
- Developer
- Kevyn
- Platforms
- Web
- How it runs
- Web application
- Account
- Not required
- Best suited for
- Designers building color scales for a design system
- Categories
- Color tools
- Last verified
- Added
- Provenance
- Facts checked against the developer's own pages and store listings, 1 sources on file.
Alternatives to ColorBox
Compare allSoftware that can replace ColorBox for an important use case, and what changes if you switch.
Leonardo
Adobe's web tool for generating accessible color themes and scales from target contrast ratios.
Leonardo is open source and builds scales from target contrast ratios, with adaptive dark mode themes and exports to CSS, Design Tokens and SVG.
Geenes
A browser tool for building color scales and exporting them to Sketch or code.
Geenes also builds scales from hue and saturation curves but exports only to Sketch or code and has little public documentation.
Huetone
An open-source web tool for building predictable, accessible color palettes in the LCH color space.
Huetone is open source and builds accessible palettes in the LCH color space, keeping lightness consistent across hues.
Accessible Palette
A web tool for building color systems with consistent lightness and WCAG contrast across hues.
Accessible Palette keeps perceived lightness consistent across hues and shows WCAG 2 and 3 contrast, but its export options are not described.
Scale
A web tool that generates a smooth color scale from a single base color.
Scale generates a tint and shade scale from one base color with hue and saturation curves, but offers little documentation and no stated contrast display.
tints.dev
A web palette generator and API that builds 11-shade Tailwind CSS color scales from one base color.
tints.dev builds 11-shade Tailwind scales from one base color with an API and shareable URLs, with less fine channel control than easing curves.
UI Colors
A web tool that generates Tailwind CSS color shade scales from a base color and previews them.
UI Colors generates Tailwind shade scales previewed on shadcn/ui components and adds neutral and status scales, with some features requiring Pro.
Atmos
A web-based color palette generator for UI designers, with shade scales and accessibility checks.
Atmos generates uniform shade scales plus semantic status colors and harmony modes, and is freemium with some features possibly needing an account.
ColorBox as an alternative
Listings that name ColorBox as an alternative.
Palettte App
A web app for creating, editing and remapping color palettes with hue, saturation and value controls.
ColorBox controls each channel with easing curves to build systematic scales with contrast ratios and Tailwind, OKLCH and Swift export.
Similar software
Related functionality, not necessarily a direct replacement.
Material Theme Builder
Google's web tool for generating Material Design 3 color schemes from a source color.
OKLCH Color Picker
A web color picker and converter for the OKLCH color space with P3 and Rec2020 views.
WebAIM Contrast Checker
An online checker that tests foreground and background color contrast against WCAG AA and AAA levels.
Realtime Colors
A web tool that previews a color palette and font pairing on a realistic page layout as you edit it.
