Layered Violet Scale

Monochrome lavender and purple color palette

Five discrete bands move through violet #d7c8f0, violet #8a61d1, violet #3c2270, violet #6f5ca8, and violet #9570d0. Angular swatches, 5 colors at 135°: #d7c8f0, #8a61d1, #3c2270, #6f5ca8, #9570d0. Edit and export CSS, SVG, PNG or a shader.

5 editable OKLCH keyframes.

#d7c8f0
#8a61d1
#3c2270
#6f5ca8
#9570d0

CSS

background: conic-gradient(from 135deg, oklch(85.83% 0.0565 302.34) 0.000% 20.000%, oklch(58.66% 0.1667 298.12) 20.000% 40.000%, oklch(33.46% 0.1268 293.89) 40.000% 60.000%, oklch(52.76% 0.1185 293.89) 60.000% 80.000%, oklch(62.20% 0.1447 300.23) 80.000% 100.000%);

In these collections

Violet swatches