Design Drifter
All Tools
Brand Color Scale
Generate a balanced light-to-dark color scale and CSS variables from one color.
DesignAbout
Generate an 11-step light-to-dark brand color scale from one color. The scale uses OKLCH lightness steps, includes a readable text color for each swatch, and exports CSS custom properties.