SHADE TOOL
One hue.
Eleven steps.
Create a consistent light-to-dark scale for interfaces, illustrations, charts, and visual systems.
A MORE USEFUL SCALE
Design with roles, not numbers.
Use lighter steps for subtle surfaces and borders, middle values for accents, and dark values for text. Test every text–background pair in the contrast checker; a tidy numerical scale does not guarantee accessible combinations.