Pastel monochrome blue linear gradient

Pastel monochrome blue palette with 32 colors. #dbf4fd, #ccebfe, #a6dde3, #96cbc6, #a7b8cd. Edit and export CSS, SVG, PNG or a shader.

32 colors, 5 editable OKLCH keyframes.

#dbf4fd
#daf4fd
#d9f3fe
#d7f2fe
#d6f1ff
#d4efff
#d2eeff
#d0ecff
#ccebfe
#c8e9fd
#c3e8fb
#bee6f8
#b8e5f4
#b3e3f0
#aee1ec
#aadfe8
#a6dde3
#a3dbde
#a0d8d9
#9dd6d4
#9bd3cf
#99d0ca
#98cec8
#96cbc6
#95c9c7
#95c6c9
#96c4cb
#99c1ce
#9dbecf
#a1bbcf
#a5b9ce
#a7b8cd

CSS

background: linear-gradient(90deg in oklch, oklch(95.28% 0.0289 220.08) 0.0%, oklch(95.08% 0.0299 221.68) 3.2%, oklch(94.84% 0.0312 224.17) 6.5%, oklch(94.55% 0.0327 227.15) 9.7%, oklch(94.22% 0.0344 230.23) 12.9%, oklch(93.84% 0.0355 233.00) 16.1%, oklch(93.41% 0.0371 235.09) 19.4%, oklch(92.92% 0.0395 236.11) 22.6%, oklch(92.38% 0.0418 235.65) 25.8%, oklch(91.75% 0.0438 233.60) 29.0%, oklch(91.05% 0.0460 230.28) 32.3%, oklch(90.29% 0.0483 226.09) 35.5%, oklch(89.48% 0.0506 221.38) 38.7%, oklch(88.66% 0.0527 216.55) 41.9%, oklch(87.83% 0.0546 211.96) 45.2%, oklch(87.01% 0.0560 207.98) 48.4%, oklch(86.21% 0.0569 204.73) 51.6%, oklch(85.37% 0.0575 201.02) 54.8%, oklch(84.49% 0.0579 197.04) 58.1%, oklch(83.60% 0.0580 193.23) 61.3%, oklch(82.73% 0.0578 190.05) 64.5%, oklch(81.90% 0.0573 187.94) 67.7%, oklch(81.13% 0.0565 187.35) 71.0%, oklch(80.46% 0.0554 188.73) 74.2%, oklch(79.90% 0.0539 192.80) 77.4%, oklch(79.40% 0.0516 199.94) 80.6%, oklch(78.96% 0.0488 209.25) 83.9%, oklch(78.59% 0.0458 219.78) 87.1%, oklch(78.26% 0.0427 230.57) 90.3%, oklch(77.99% 0.0399 240.66) 93.5%, oklch(77.75% 0.0375 249.11) 96.8%, oklch(77.56% 0.0358 254.95) 100.0%);

In these collections

Cool gray gradients Coastal swatches