Sky blue lavender mist

Analogous light pink to blue palette with 21 colors. #f8e5f5, #afd9e6, #6ec2f2, #419fe7, #2377ec. Edit and export CSS, SVG, PNG or a shader.

21 colors, 6 editable OKLCH keyframes.

#f8e5f5
#eee3f8
#dde1f9
#cadff4
#bbddec
#afd9e6
#a3d5e4
#97d0e4
#8acbe5
#7bc7ea
#6ec2f2
#64bcfa
#5cb5fd
#54aef9
#4ba6f0
#419fe7
#3698e2
#2b90e2
#2287e6
#207eea
#2377ec

CSS

background: linear-gradient(315deg in oklch, oklch(94.09% 0.0289 331.17) 0.0%, oklch(92.98% 0.0306 309.95) 5.0%, oklch(91.39% 0.0330 278.93) 10.0%, oklch(89.57% 0.0364 247.88) 15.0%, oklch(87.80% 0.0413 226.55) 20.0%, oklch(86.05% 0.0478 218.51) 25.0%, oklch(84.23% 0.0556 218.23) 30.0%, oklch(82.42% 0.0649 221.85) 35.0%, oklch(80.71% 0.0758 225.50) 40.0%, oklch(79.22% 0.0901 229.50) 45.0%, oklch(77.88% 0.1071 235.47) 50.0%, oklch(76.47% 0.1233 241.47) 55.0%, oklch(74.80% 0.1350 245.58) 60.0%, oklch(72.71% 0.1394 246.69) 65.0%, oklch(70.35% 0.1389 246.04) 70.0%, oklch(67.95% 0.1382 245.15) 75.0%, oklch(65.75% 0.1419 245.58) 80.0%, oklch(63.67% 0.1530 248.15) 85.0%, oklch(61.64% 0.1685 251.92) 90.0%, oklch(59.89% 0.1838 255.68) 95.0%, oklch(58.66% 0.1943 258.26) 100.0%);

In these collections

Wallpaper gradients