Analogous gray, purple and blue linear swatches

Analogous gray, purple and blue color palette

Linear swatches, 4 colors at 90°: #e0d3e1, #ad71e9, #6f33cd, #311d87. Edit and export CSS, SVG, PNG or a shader.

4 editable OKLCH keyframes.

#e0d3e1
#ad71e9
#6f33cd
#311d87

CSS

background: linear-gradient(90deg, oklch(88.19% 0.0234 324.14) 0.000% 25.000%, oklch(66.14% 0.1791 305.12) 25.000% 50.000%, oklch(49.21% 0.2191 294.55) 50.000% 75.000%, oklch(33.86% 0.1640 281.87) 75.000% 100.000%);

In these collections

Purple swatches