Cobalt lavender diagonal ribbons

Analogous gray, blue and lavender palette with 5 colors. #8a8ba6, #a0a9c4, #123dbd, #ceb4ef, #2e49a7. Edit and export CSS, SVG, PNG or a shader.

5 colors, 5 editable OKLCH keyframes.

#8a8ba6
#a0a9c4
#123dbd
#ceb4ef
#2e49a7

CSS

background: linear-gradient(45deg, oklch(64.57% 0.0400 283.36) 0.000% 20.000%, oklch(73.62% 0.0400 271.74) 20.000% 40.000%, oklch(42.91% 0.2039 264.34) 40.000% 60.000%, oklch(81.10% 0.0868 304.49) 60.000% 80.000%, oklch(44.09% 0.1543 267.51) 80.000% 100.000%);

In these collections

Blue and purple swatches