Pale lavender blue and purple palette

Pastel analogous blue to lavender color palette

The Pale lavender blue and purple palette brings together pale blue, light blue, and pale purple. Linear gradient, 32 colors at 135°: #cbeaff, #aad5fe, #9fbcf6, #b2b6f1, #ddd1f8. Edit and export CSS, SVG, PNG or a shader.

4 editable OKLCH keyframes.

#cbeaff
#c8e9ff
#c5e7ff
#c0e4ff
#bce2ff
#b7dfff
#b2dcff
#aed8ff
#aad5fe
#a7d2fe
#a5cffd
#a3ccfd
#a1c9fc
#a0c6fb
#9fc2f9
#9fbff8
#9fbcf6
#9fb9f5
#a0b6f3
#a2b4f2
#a5b3f1
#a8b3f1
#adb4f1
#b2b6f1
#b8b9f2
#bfbcf3
#c6c0f4
#ccc4f5
#d1c8f6
#d6cbf7
#dacef7
#ddd1f8

CSS

background: linear-gradient(135deg in oklch, oklch(92.13% 0.0434 237.64) 0.0%, oklch(91.64% 0.0458 238.38) 3.2%, oklch(91.01% 0.0490 239.28) 6.5%, oklch(90.26% 0.0527 240.31) 9.7%, oklch(89.42% 0.0568 241.48) 12.9%, oklch(88.52% 0.0612 242.77) 16.1%, oklch(87.58% 0.0655 244.18) 19.4%, oklch(86.64% 0.0694 245.70) 22.6%, oklch(85.73% 0.0731 247.31) 25.8%, oklch(84.87% 0.0764 249.00) 29.0%, oklch(84.09% 0.0792 250.78) 32.3%, oklch(83.38% 0.0813 252.66) 35.5%, oklch(82.60% 0.0834 254.71) 38.7%, oklch(81.77% 0.0853 256.92) 41.9%, oklch(80.93% 0.0870 259.24) 45.2%, oklch(80.13% 0.0884 261.65) 48.4%, oklch(79.39% 0.0896 264.13) 51.6%, oklch(78.76% 0.0904 266.65) 54.8%, oklch(78.27% 0.0908 269.17) 58.1%, oklch(77.96% 0.0908 271.66) 61.3%, oklch(77.87% 0.0902 274.11) 64.5%, oklch(78.04% 0.0891 276.50) 67.7%, oklch(78.56% 0.0870 279.01) 71.0%, oklch(79.37% 0.0841 281.67) 74.2%, oklch(80.42% 0.0805 284.40) 77.4%, oklch(81.63% 0.0765 287.13) 80.6%, oklch(82.92% 0.0722 289.81) 83.9%, oklch(84.23% 0.0680 292.36) 87.1%, oklch(85.48% 0.0639 294.73) 90.3%, oklch(86.61% 0.0603 296.83) 93.5%, oklch(87.53% 0.0573 298.61) 96.8%, oklch(88.19% 0.0551 300.00) 100.0%);

In these collections

Blue and purple gradients