ColorBox generates full accessible color scales from adjustable hue, saturation, and luminosity curves, with real-time WCAG contrast ratios shown at every step.
It uses the OKLCH color space, where equal numeric steps produce equal visual steps, so a generated scale doesn't get the muddy or uneven-looking midpoints that HSL-based scales often produce.
Design system teams building a full color scale, like a 50-900 gray ramp or brand-color scale, who need every step to hit a known contrast target, not merely picking one or two accessible colors.
Export straight to Tailwind config, CSS variables, or Figma tokens once a scale looks right, skipping the manual step of transcribing hex values by hand.
Produce colour sets that meet accessibility standards.
