Lavender Citrus Spectrum

Triadic lavender, gray, teal and orange color palette

This diagonal gradient moves from lavender through slate blue and teal, brightens into green and citrus yellow, then warms through peach, orange, and clear… Linear gradient, 32 colors at 305°: #b29ddb, #5e7083, #72bd8b, #ffc77b, #e63937. Edit and export CSS, SVG, PNG or a shader.

4 editable OKLCH keyframes.

#b29ddb
#aa9ad6
#9f96cd
#9290c2
#8589b4
#7882a6
#6e7b99
#65758c
#5e7083
#596d7c
#556e7a
#53727c
#527c82
#51898a
#549a8f
#5eac90
#72bd8b
#8ecc80
#b0d670
#d1dc5c
#eedc46
#ffd753
#ffd179
#ffc77b
#ffba71
#ffa861
#ff934d
#ff7c37
#fe6222
#f4512a
#ec4431
#e63937

CSS

background: linear-gradient(305deg in oklch, oklch(73.62% 0.0909 300.23) 0.0%, oklch(72.16% 0.0870 296.31) 3.2%, oklch(69.97% 0.0809 291.60) 6.5%, oklch(67.27% 0.0733 286.17) 9.7%, oklch(64.28% 0.0649 280.03) 12.9%, oklch(61.21% 0.0564 273.23) 16.1%, oklch(58.27% 0.0484 265.80) 19.4%, oklch(55.69% 0.0416 257.79) 22.6%, oklch(53.67% 0.0366 249.23) 25.8%, oklch(52.43% 0.0341 240.15) 29.0%, oklch(52.18% 0.0348 230.60) 32.3%, oklch(53.22% 0.0393 220.34) 35.5%, oklch(55.69% 0.0477 208.68) 38.7%, oklch(59.30% 0.0592 195.87) 41.9%, oklch(63.70% 0.0731 182.24) 45.2%, oklch(68.58% 0.0886 168.14) 48.4%, oklch(73.59% 0.1049 153.88) 51.6%, oklch(78.40% 0.1213 139.82) 54.8%, oklch(82.68% 0.1370 126.27) 58.1%, oklch(86.10% 0.1512 113.58) 61.3%, oklch(88.32% 0.1631 102.07) 64.5%, oklch(89.03% 0.1525 92.02) 67.7%, oklch(88.33% 0.1190 82.77) 71.0%, oklch(86.48% 0.1131 74.07) 74.2%, oklch(83.75% 0.1200 65.96) 77.4%, oklch(80.39% 0.1346 58.43) 80.6%, oklch(76.65% 0.1547 51.52) 83.9%, oklch(72.78% 0.1787 45.22) 87.1%, oklch(69.03% 0.2036 39.56) 90.3%, oklch(65.65% 0.2056 34.55) 93.5%, oklch(62.90% 0.2076 30.20) 96.8%, oklch(61.02% 0.2094 26.54) 100.0%);

In these collections

Tetradic color palette