Violet Lavender Diagonal Bands

These four diagonal bands move from deep violet through pale lavender, dusty mauve, and near-white lilac. #241543, #d6b5e7, #c29fca, #f3eafd.

4 colors, 4 editable OKLCH keyframes.

#241543
#d6b5e7
#c29fca
#f3eafd

CSS

background: linear-gradient(75deg, oklch(24.41% 0.0827 294.61) 0.000% 25.000%, oklch(81.89% 0.0772 313.63) 25.000% 50.000%, oklch(74.80% 0.0730 319.97) 50.000% 75.000%, oklch(94.88% 0.0276 306.23) 75.000% 100.000%);

In these collections

Violet swatches