Analogous white, pink and purple linear swatches

Analogous white, pink and purple color palette

Linear swatches, 6 colors at 90°: #ffffff, #ffffff, #ffffff, #ffc8fd, #f58cff, #a761fd. Edit and export CSS, SVG, PNG or a shader.

6 editable OKLCH keyframes.

#ffffff
#ffffff
#ffffff
#ffc8fd
#f58cff
#a761fd

CSS

background: linear-gradient(90deg, oklch(100.00% 0.0000 89.88) 0.000% 16.667%, oklch(100.00% 0.0000 89.88) 16.667% 33.333%, oklch(100.00% 0.0000 89.88) 33.333% 50.000%, oklch(89.76% 0.0926 327.30) 50.000% 66.667%, oklch(79.13% 0.1902 324.14) 66.667% 83.333%, oklch(64.57% 0.2232 300.89) 83.333% 100.000%);

In these collections

Tint swatches