Purple, blue, beige and yellow linear gradient

Purple, blue, beige and yellow color palette

Linear gradient, 7 colors at 90°: #4b335f, #344f85, #5986a2, #9abfa6, #dadf90, #f5d86e, #dcaf44. Edit and export CSS, SVG, PNG or a shader.

7 editable OKLCH keyframes.

#4b335f
#344f85
#5986a2
#9abfa6
#dadf90
#f5d86e
#dcaf44

CSS

background: linear-gradient(90deg in oklch, oklch(37.01% 0.0772 308.67) 0.0%, oklch(43.31% 0.0951 263.23) 16.7%, oklch(59.84% 0.0648 236.81) 33.3%, oklch(77.17% 0.0537 155.44) 50.0%, oklch(88.19% 0.1006 111.06) 66.7%, oklch(88.58% 0.1295 94.15) 83.3%, oklch(77.56% 0.1323 85.70) 100.0%);

In these collections

Kasavu silk and marigold