Aubergine and sage cape daisy sea breeze

The Aubergine and sage cape daisy sea breeze brings together dark purple, purple, red, light orange, light yellow, and teal. Linear gradient, 32 colors at 135°: #342154, #714e67, #d0a283, #d8c99a, #8ab0ad. Edit and export CSS, SVG, PNG or a shader.

6 editable OKLCH keyframes.

#342154
#372455
#3c2857
#412d59
#47325b
#4f385e
#593e61
#644564
#714e67
#7f586a
#8d636d
#9a6f71
#a57a74
#af8478
#ba8f7c
#c59980
#d0a283
#d8ac85
#deb487
#e0bb8a
#e1c08e
#dfc592
#ddc796
#d8c99a
#d2ca9d
#cacaa0
#bec9a2
#afc6a5
#a1c0a8
#96baab
#8eb4ac
#8ab0ad

CSS

background: linear-gradient(135deg in oklch, oklch(29.92% 0.0896 298.13) 0.0%, oklch(31.00% 0.0868 299.78) 3.2%, oklch(32.38% 0.0829 301.59) 6.5%, oklch(34.07% 0.0782 303.92) 9.7%, oklch(36.04% 0.0735 307.16) 12.9%, oklch(38.29% 0.0690 311.66) 16.1%, oklch(40.80% 0.0653 317.80) 19.4%, oklch(43.70% 0.0625 326.28) 22.6%, oklch(47.10% 0.0599 337.36) 25.8%, oklch(50.84% 0.0576 350.04) 29.0%, oklch(54.71% 0.0559 3.28) 32.3%, oklch(58.52% 0.0549 16.04) 35.5%, oklch(62.08% 0.0548 27.28) 38.7%, oklch(65.31% 0.0562 36.28) 41.9%, oklch(68.56% 0.0596 43.86) 45.2%, oklch(71.75% 0.0642 50.47) 48.4%, oklch(74.74% 0.0692 56.43) 51.6%, oklch(77.42% 0.0736 62.07) 54.8%, oklch(79.64% 0.0765 67.73) 58.1%, oklch(81.31% 0.0771 73.58) 61.3%, oklch(82.50% 0.0756 78.55) 64.5%, oklch(83.29% 0.0726 82.93) 67.7%, oklch(83.70% 0.0687 87.39) 71.0%, oklch(83.75% 0.0645 92.63) 74.2%, oklch(83.49% 0.0605 99.31) 77.4%, oklch(82.93% 0.0573 108.15) 80.6%, oklch(81.73% 0.0543 120.51) 83.9%, oklch(79.95% 0.0511 135.57) 87.1%, oklch(77.89% 0.0481 151.68) 90.3%, oklch(75.82% 0.0454 167.17) 93.5%, oklch(74.04% 0.0430 180.37) 96.8%, oklch(72.83% 0.0413 189.63) 100.0%);

In these collections

Cape daisy sea breeze