DEV Community
•
2026-07-29 08:47
You reach for Sass to mix colors. `color-mix()` does it natively.
Every design system has this pattern: one brand color, eight shade variants, a slightly darkened hover state, and a lightened disabled state. For years, CSS had no way to produce those programmatically. You either committed all twelve values by hand or you pulled in Sass for its darken(), lighten(), and mix() functions.
color-mix() is the native CSS answer. It has been in every major browser sinc...