Aubergine dusty rose and forest teal light

Navy, purple, pink and green color palette

Deep aubergine rises through violet into pale dusty rose and peach, then moves through orange, ochre and olive before settling into deep forest teal. Angular gradient, 56 colors at 225°: #251c3d, #7a5ba1, #ebc0c0, #d58438, #274d48. Edit and export CSS, SVG, PNG or a shader.

5 editable OKLCH keyframes.

#251c3d
#281f41
#2b2146
#2f254c
#342853
#392d5b
#3e3163
#44366c
#4a3b75
#51407e
#584686
#604b8f
#685096
#71569c
#7a5ba1
#8461a5
#8f68a9
#9b6fac
#a678ae
#b281b1
#bc8ab3
#c693b5
#ce9db7
#d5a5b9
#dcaebc
#e1b5be
#e5bac0
#e8bec1
#ebc0c0
#edc0bd
#efbeb9
#f1bbb3
#f2b7ac
#f3b1a3
#f3ab98
#f2a48d
#f09e81
#ed9774
#e99165
#e48b57
#dd8747
#d58438
#ca8229
#bd8119
#ac800e
#9a7e10
#867c1b
#727928
#5f7533
#4e6f3c
#406942
#356346
#2e5c49
#2a5649
#285149
#274d48

CSS

background: conic-gradient(from 225deg in oklch, oklch(25.59% 0.0606 293.91) 0.0%, oklch(26.71% 0.0630 294.10) 1.8%, oklch(28.06% 0.0664 294.09) 3.6%, oklch(29.63% 0.0705 293.97) 5.5%, oklch(31.38% 0.0752 293.78) 7.3%, oklch(33.29% 0.0802 293.60) 9.1%, oklch(35.33% 0.0855 293.49) 10.9%, oklch(37.48% 0.0907 293.52) 12.7%, oklch(39.71% 0.0958 293.76) 14.5%, oklch(41.99% 0.1005 294.26) 16.4%, oklch(44.30% 0.1046 295.10) 18.2%, oklch(46.61% 0.1079 296.34) 20.0%, oklch(48.90% 0.1103 298.05) 21.8%, oklch(51.13% 0.1115 300.29) 23.6%, oklch(53.30% 0.1114 303.14) 25.5%, oklch(55.64% 0.1096 306.73) 27.3%, oklch(58.20% 0.1061 311.03) 29.1%, oklch(60.92% 0.1013 315.94) 30.9%, oklch(63.74% 0.0955 321.33) 32.7%, oklch(66.61% 0.0891 327.11) 34.5%, oklch(69.46% 0.0822 333.16) 36.4%, oklch(72.24% 0.0752 339.38) 38.2%, oklch(74.88% 0.0684 345.65) 40.0%, oklch(77.32% 0.0621 351.88) 41.8%, oklch(79.50% 0.0566 357.94) 43.6%, oklch(81.37% 0.0522 3.73) 45.5%, oklch(82.86% 0.0493 9.15) 47.3%, oklch(83.91% 0.0481 14.08) 49.1%, oklch(84.48% 0.0489 18.42) 50.9%, oklch(84.62% 0.0520 22.12) 52.7%, oklch(84.39% 0.0571 25.29) 54.5%, oklch(83.83% 0.0637 28.05) 56.4%, oklch(82.97% 0.0715 30.54) 58.2%, oklch(81.85% 0.0801 32.86) 60.0%, oklch(80.52% 0.0891 35.14) 61.8%, oklch(79.01% 0.0983 37.51) 63.6%, oklch(77.37% 0.1071 40.08) 65.5%, oklch(75.63% 0.1153 42.98) 67.3%, oklch(73.84% 0.1224 46.32) 69.1%, oklch(72.03% 0.1280 50.24) 70.9%, oklch(70.24% 0.1319 54.85) 72.7%, oklch(68.53% 0.1336 60.28) 74.5%, oklch(66.80% 0.1329 66.75) 76.4%, oklch(64.83% 0.1301 74.50) 78.2%, oklch(62.65% 0.1255 83.31) 80.0%, oklch(60.31% 0.1194 92.96) 81.8%, oklch(57.87% 0.1122 103.20) 83.6%, oklch(55.36% 0.1040 113.81) 85.5%, oklch(52.85% 0.0953 124.56) 87.3%, oklch(50.37% 0.0864 135.22) 89.1%, oklch(47.97% 0.0774 145.56) 90.9%, oklch(45.71% 0.0689 155.35) 92.7%, oklch(43.63% 0.0609 164.35) 94.5%, oklch(41.78% 0.0539 172.34) 96.4%, oklch(40.22% 0.0482 179.08) 98.2%, oklch(38.98% 0.0441 184.36) 100.0%);

In these collections

Multicolor gradients