Lavender violet butter diagonal

Purple, lavender and yellow color palette

Linear swatches, 5 colors at 45°: #803c83, #ba56c2, #c7b7ef, #c599e0, #efd05d. Edit and export CSS, SVG, PNG or a shader.

5 editable OKLCH keyframes.

#803c83
#ba56c2
#c7b7ef
#c599e0
#efd05d

CSS

background: linear-gradient(45deg, oklch(47.24% 0.1337 325.55) 0.000% 20.000%, oklch(61.81% 0.1846 324.49) 20.000% 40.000%, oklch(81.10% 0.0799 298.07) 40.000% 60.000%, oklch(74.80% 0.1102 311.81) 60.000% 80.000%, oklch(86.22% 0.1378 94.47) 80.000% 100.000%);

In these collections

Purple and yellow swatches