Color Scale Generator

Copy format
Scale derived locally in your browser with the Web Crypto API.

Numbered tint & shade ramp

Generate an evenly-stepped color scale from a random base hue — 11 numbered stops from 50 (lightest tint) through 500 (the base color) down to 950 (darkest shade), with hue and saturation held constant. It's the exact shape modern design systems and Tailwind-style token sets use, ready to paste as a HEX list, CSS variables, or a JSON object. For a few loosely related variations of one hue, use the color scheme generator's monochromatic option instead.