ColorBox

Generate accessible color scales, palettes, and variables for your design system

accessibilitydesign languagecolorboxdesign systemcolor

Plugin Preview

ColorBox helps you generate consistent, accessible color palettes and scales for your design system.

Create usable color ramps from a single color, export them as Figma styles or variables, and quickly set up light and dark mode without guesswork.

Use ColorBox when defining a design system, fixing inconsistent palettes, or standardizing colors across teams.