Frosted plum and forest green

Dark purple, gray and dark green color palette

Deep plum moves through mauve and lavender into pale blue and an icy ivory highlight, then settles through quiet gray-green into forest green. Angular gradient, 80 colors at 215°: #43263f, #784664, #baaac0, #eaf1ea, #244634. Edit and export CSS, SVG, PNG or a shader.

5 editable OKLCH keyframes.

#43263f
#442640
#462741
#482842
#492943
#4c2a45
#4e2b46
#502c48
#532d49
#562e4b
#59304c
#5c314e
#5f3350
#623452
#653654
#683856
#6b3b59
#6f3d5b
#72405e
#754361
#784664
#7b4a68
#7e4d6b
#82526f
#865673
#8a5b76
#8d607b
#91657f
#956a83
#996f88
#9d758d
#a17b91
#a48096
#a8869c
#ab8ba1
#ae91a6
#b196ab
#b39bb1
#b6a0b6
#b8a5bb
#baaac0
#bbafc5
#bdb5cb
#bfbbd0
#c2c2d6
#c4c8db
#c7cfdf
#cad5e3
#cedbe6
#d2e0e9
#d6e6eb
#dbeaed
#dfeeef
#e3f1f0
#e7f3f1
#eaf5f1
#ebf5f0
#ecf5ef
#ecf4ed
#eaf1ea
#e6ede6
#e1e8df
#dae1d8
#d2d9cf
#c8d0c5
#bec7ba
#b2bcae
#a6b1a2
#99a696
#8c9b8a
#7f907e
#738572
#667a67
#5a705d
#4e6754
#445e4b
#3a5744
#31503d
#2a4a38
#244634

CSS

background: conic-gradient(from 215deg in oklch, oklch(31.50% 0.0593 331.88) 0.0%, oklch(31.88% 0.0599 332.24) 1.3%, oklch(32.31% 0.0608 332.74) 2.5%, oklch(32.77% 0.0619 333.36) 3.8%, oklch(33.27% 0.0632 334.07) 5.1%, oklch(33.81% 0.0646 334.86) 6.3%, oklch(34.38% 0.0661 335.70) 7.6%, oklch(34.99% 0.0677 336.59) 8.9%, oklch(35.64% 0.0693 337.50) 10.1%, oklch(36.33% 0.0709 338.42) 11.4%, oklch(37.05% 0.0725 339.32) 12.7%, oklch(37.81% 0.0741 340.18) 13.9%, oklch(38.61% 0.0755 341.00) 15.2%, oklch(39.45% 0.0769 341.74) 16.5%, oklch(40.32% 0.0780 342.39) 17.7%, oklch(41.23% 0.0790 342.94) 19.0%, oklch(42.18% 0.0797 343.36) 20.3%, oklch(43.16% 0.0802 343.64) 21.5%, oklch(44.18% 0.0804 343.75) 22.8%, oklch(45.24% 0.0803 343.68) 24.1%, oklch(46.34% 0.0798 343.43) 25.3%, oklch(47.52% 0.0789 343.24) 26.6%, oklch(48.78% 0.0777 343.20) 27.8%, oklch(50.13% 0.0762 343.26) 29.1%, oklch(51.54% 0.0743 343.38) 30.4%, oklch(53.01% 0.0723 343.50) 31.6%, oklch(54.53% 0.0700 343.60) 32.9%, oklch(56.09% 0.0676 343.62) 34.2%, oklch(57.68% 0.0650 343.51) 35.4%, oklch(59.29% 0.0624 343.24) 36.7%, oklch(60.92% 0.0596 342.76) 38.0%, oklch(62.55% 0.0568 342.03) 39.2%, oklch(64.17% 0.0540 340.99) 40.5%, oklch(65.78% 0.0512 339.61) 41.8%, oklch(67.36% 0.0484 337.85) 43.0%, oklch(68.91% 0.0458 335.64) 44.3%, oklch(70.41% 0.0432 332.97) 45.6%, oklch(71.86% 0.0409 329.77) 46.8%, oklch(73.25% 0.0387 326.00) 48.1%, oklch(74.57% 0.0367 321.63) 49.4%, oklch(75.83% 0.0350 316.53) 50.6%, oklch(77.21% 0.0332 310.32) 51.9%, oklch(78.69% 0.0314 303.05) 53.2%, oklch(80.26% 0.0296 294.87) 54.4%, oklch(81.89% 0.0278 285.89) 55.7%, oklch(83.56% 0.0261 276.25) 57.0%, oklch(85.22% 0.0243 266.09) 58.2%, oklch(86.87% 0.0226 255.53) 59.5%, oklch(88.46% 0.0210 244.71) 60.8%, oklch(89.98% 0.0195 233.75) 62.0%, oklch(91.40% 0.0181 222.79) 63.3%, oklch(92.69% 0.0167 211.97) 64.6%, oklch(93.82% 0.0156 201.41) 65.8%, oklch(94.77% 0.0145 191.24) 67.1%, oklch(95.51% 0.0137 181.60) 68.4%, oklch(96.01% 0.0130 172.61) 69.6%, oklch(96.25% 0.0125 164.42) 70.9%, oklch(96.20% 0.0122 157.14) 72.2%, oklch(95.83% 0.0121 150.92) 73.4%, oklch(95.12% 0.0123 145.89) 74.7%, oklch(93.99% 0.0128 142.06) 75.9%, oklch(92.36% 0.0137 139.17) 77.2%, oklch(90.27% 0.0149 137.15) 78.5%, oklch(87.77% 0.0164 135.92) 79.7%, oklch(84.92% 0.0182 135.39) 81.0%, oklch(81.77% 0.0203 135.48) 82.3%, oklch(78.38% 0.0225 136.13) 83.5%, oklch(74.79% 0.0249 137.24) 84.8%, oklch(71.07% 0.0273 138.74) 86.1%, oklch(67.26% 0.0299 140.56) 87.3%, oklch(63.42% 0.0325 142.60) 88.6%, oklch(59.60% 0.0351 144.81) 89.9%, oklch(55.86% 0.0376 147.09) 91.1%, oklch(52.24% 0.0401 149.36) 92.4%, oklch(48.80% 0.0425 151.56) 93.7%, oklch(45.60% 0.0446 153.59) 94.9%, oklch(42.69% 0.0466 155.39) 96.2%, oklch(40.12% 0.0484 156.87) 97.5%, oklch(37.95% 0.0498 157.96) 98.7%, oklch(36.22% 0.0510 158.57) 100.0%);

In these collections

Christmas gradients