Pale lavender color palette

Linear gradient, 32 colors at 90°: #f1eaff, #e5dafa, #d8c6f1, #cdb7e8, #c5aadf. Edit and export CSS, SVG, PNG or a shader.

3 editable OKLCH keyframes.

#f1eaff
#f0e9ff
#efe7ff
#eee5fe
#ece3fe
#eae1fd
#e9dffc
#e7dcfb
#e5dafa
#e3d7f9
#e2d5f8
#e0d2f7
#ded0f6
#dccdf4
#dbcbf3
#d9c8f2
#d8c6f1
#d6c4f0
#d5c2ef
#d3c0ed
#d2beec
#d0bbeb
#cfb9e9
#cdb7e8
#ccb5e7
#cbb3e5
#cab1e4
#c8afe3
#c7aee2
#c7ace1
#c6abe0
#c5aadf

CSS

background: linear-gradient(90deg in oklch, oklch(94.88% 0.0286 300.24) 0.0%, oklch(94.55% 0.0306 300.35) 3.2%, oklch(94.15% 0.0328 300.48) 6.5%, oklch(93.68% 0.0344 300.63) 9.7%, oklch(93.16% 0.0363 300.80) 12.9%, oklch(92.59% 0.0382 300.99) 16.1%, oklch(91.98% 0.0404 301.18) 19.4%, oklch(91.34% 0.0426 301.39) 22.6%, oklch(90.68% 0.0448 301.61) 25.8%, oklch(90.00% 0.0471 301.84) 29.0%, oklch(89.32% 0.0495 302.07) 32.3%, oklch(88.64% 0.0517 302.31) 35.5%, oklch(87.97% 0.0539 302.55) 38.7%, oklch(87.32% 0.0560 302.80) 41.9%, oklch(86.69% 0.0580 303.04) 45.2%, oklch(86.11% 0.0598 303.28) 48.4%, oklch(85.55% 0.0614 303.53) 51.6%, oklch(84.98% 0.0630 303.79) 54.8%, oklch(84.40% 0.0646 304.07) 58.1%, oklch(83.81% 0.0661 304.37) 61.3%, oklch(83.22% 0.0676 304.68) 64.5%, oklch(82.63% 0.0691 305.00) 67.7%, oklch(82.04% 0.0705 305.32) 71.0%, oklch(81.46% 0.0718 305.64) 74.2%, oklch(80.91% 0.0731 305.95) 77.4%, oklch(80.37% 0.0744 306.25) 80.6%, oklch(79.87% 0.0755 306.54) 83.9%, oklch(79.40% 0.0766 306.81) 87.1%, oklch(78.96% 0.0776 307.06) 90.3%, oklch(78.57% 0.0785 307.29) 93.5%, oklch(78.24% 0.0792 307.48) 96.8%, oklch(77.95% 0.0799 307.63) 100.0%);

In these collections

Violet swatches Lavender swatches Monochrome purple gradients