color-mix()
Generate hover states, disabled tints, and background variants from a single base colour. No more manually picking 15 hex shade variants.
Without
5 hardcoded hex values
Can't adjust without re-picking all 5
Without
5 hardcoded hex values
Can't adjust without re-picking all 5
With
One base → color-mix() generates all
hue: 264°
Esc to return · ← → to navigate