Loading page
Generate a full 100-step scale from any seed color: shades mixed toward black, tints mixed toward white, and tones mixed toward gray. Click any swatch to copy its hex, or download the whole scale as design tokens.
100 shades generated from #7c3aed — Mixed toward black — lightness stepped down, hue held.
These three classic mixing directions all keep the seed's hue fixed. Shades step lightness down toward black, tints step it up toward white, and tones step saturation down toward neutral gray — useful whenever you need a large, evenly spaced token scale (a background ramp, a chart series, a hover-state ladder) built from one brand color. The JSON export includes the seed and a 1-based index per entry; the CSS export is a ready-to-paste:rootblock of zero-padded custom properties.