Lilac Peach Teal Passage

Muted rainbow from lavender to blue color palette

This diagonal gradient moves from lilac through pink and peach, turns through golden yellow and soft green, then settles into teal, slate blue, and deep… Linear gradient, 32 colors at 300°: #b29ddb, #ffc7b1, #77a893, #47637c, #384aac. Edit and export CSS, SVG, PNG or a shader.

4 editable OKLCH keyframes.

#b29ddb
#bd9dda
#cb9fd9
#dba1d6
#eca4d0
#fca9c7
#ffb4bd
#ffbfb7
#ffc7b1
#ffcba6
#ffcc8e
#f2ce7d
#d9ce7e
#bdca84
#a1c28b
#89b691
#77a893
#6b9990
#638b8a
#5d7e83
#58747d
#536c7a
#4d6779
#47637c
#415f80
#3c5c87
#38598e
#365696
#35539d
#3550a4
#364da9
#384aac

CSS

background: linear-gradient(300deg in oklch, oklch(73.62% 0.0909 300.23) 0.0%, oklch(74.62% 0.0924 307.98) 3.2%, oklch(76.16% 0.0949 317.82) 6.5%, oklch(78.08% 0.0979 329.40) 9.7%, oklch(80.20% 0.1013 342.41) 12.9%, oklch(82.35% 0.1047 356.52) 16.1%, oklch(84.37% 0.0874 11.38) 19.4%, oklch(86.08% 0.0750 26.68) 22.6%, oklch(87.32% 0.0712 42.09) 25.8%, oklch(87.91% 0.0770 57.26) 29.0%, oklch(87.69% 0.0978 71.87) 32.3%, oklch(86.46% 0.1077 86.10) 35.5%, oklch(84.21% 0.1014 101.27) 38.7%, oklch(81.14% 0.0929 117.16) 41.9%, oklch(77.44% 0.0828 133.46) 45.2%, oklch(73.33% 0.0721 149.82) 48.4%, oklch(69.02% 0.0614 165.92) 51.6%, oklch(64.71% 0.0516 181.41) 54.8%, oklch(60.63% 0.0434 195.96) 58.1%, oklch(56.96% 0.0378 209.25) 61.3%, oklch(53.93% 0.0353 220.94) 64.5%, oklch(51.71% 0.0368 230.72) 67.7%, oklch(50.03% 0.0428 238.85) 71.0%, oklch(48.73% 0.0524 245.60) 74.2%, oklch(47.76% 0.0647 251.15) 77.4%, oklch(47.05% 0.0790 255.67) 80.6%, oklch(46.56% 0.0944 259.34) 83.9%, oklch(46.22% 0.1100 262.33) 87.1%, oklch(45.98% 0.1249 264.81) 90.3%, oklch(45.78% 0.1383 266.97) 93.5%, oklch(45.56% 0.1493 268.97) 96.8%, oklch(45.28% 0.1571 271.00) 100.0%);

In these collections

Tetradic color palette