Deep teal muted olive rings

Radial gradient, 56 colors: #106171, #c1ba66, #9ec085, #457f81, #003a41. Edit and export CSS, SVG, PNG or a shader.

4 editable OKLCH keyframes.

#106171
#106673
#116b74
#157275
#1c7976
#278176
#358975
#459173
#569970
#68a06d
#7ba76a
#8ead67
#a1b266
#b2b665
#c1ba66
#cfbe68
#d9c06b
#e2c26e
#e7c470
#e8c572
#e7c673
#e4c774
#dec775
#d7c876
#cec778
#c3c67a
#b7c57d
#aac381
#9ec085
#91bd89
#86b98d
#7bb490
#72af92
#6aaa93
#63a494
#5e9f93
#599a92
#569590
#52908d
#4e8a8a
#498586
#457f81
#40797c
#3b7377
#356d72
#30676c
#2b6167
#255b61
#20565c
#1a5157
#154c52
#10474e
#0a434a
#054046
#023d43
#003a41

CSS

background: radial-gradient(circle at 50% 50% in oklch, oklch(45.67% 0.0758 215.16) 0.0%, oklch(46.89% 0.0769 210.98) 1.8%, oklch(48.47% 0.0785 205.53) 3.6%, oklch(50.34% 0.0803 198.98) 5.5%, oklch(52.48% 0.0825 191.52) 7.3%, oklch(54.83% 0.0848 183.30) 9.1%, oklch(57.34% 0.0873 174.52) 10.9%, oklch(59.97% 0.0900 165.33) 12.7%, oklch(62.67% 0.0926 155.92) 14.5%, oklch(65.39% 0.0953 146.45) 16.4%, oklch(68.10% 0.0979 137.11) 18.2%, oklch(70.73% 0.1005 128.06) 20.0%, oklch(73.24% 0.1028 119.49) 21.8%, oklch(75.60% 0.1049 111.55) 23.6%, oklch(77.74% 0.1068 104.44) 25.5%, oklch(79.63% 0.1083 98.31) 27.3%, oklch(81.21% 0.1094 93.35) 29.1%, oklch(82.44% 0.1101 89.73) 30.9%, oklch(83.28% 0.1103 87.63) 32.7%, oklch(83.71% 0.1099 87.16) 34.5%, oklch(83.83% 0.1091 88.21) 36.4%, oklch(83.68% 0.1077 90.61) 38.2%, oklch(83.27% 0.1059 94.22) 40.0%, oklch(82.63% 0.1038 98.88) 41.8%, oklch(81.79% 0.1013 104.45) 43.6%, oklch(80.76% 0.0986 110.76) 45.5%, oklch(79.57% 0.0957 117.68) 47.3%, oklch(78.24% 0.0926 125.03) 49.1%, oklch(76.80% 0.0894 132.69) 50.9%, oklch(75.27% 0.0862 140.48) 52.7%, oklch(73.67% 0.0830 148.27) 54.5%, oklch(72.03% 0.0799 155.89) 56.4%, oklch(70.36% 0.0769 163.21) 58.2%, oklch(68.70% 0.0741 170.05) 60.0%, oklch(67.06% 0.0715 176.29) 61.8%, oklch(65.47% 0.0692 181.75) 63.6%, oklch(63.95% 0.0672 186.29) 65.5%, oklch(62.51% 0.0656 189.81) 67.3%, oklch(60.99% 0.0643 192.74) 69.1%, oklch(59.33% 0.0631 195.29) 70.9%, oklch(57.56% 0.0620 197.47) 72.7%, oklch(55.71% 0.0610 199.32) 74.5%, oklch(53.79% 0.0602 200.87) 76.4%, oklch(51.82% 0.0595 202.15) 78.2%, oklch(49.82% 0.0588 203.19) 80.0%, oklch(47.82% 0.0583 204.03) 81.8%, oklch(45.83% 0.0578 204.69) 83.6%, oklch(43.88% 0.0574 205.20) 85.5%, oklch(41.98% 0.0570 205.60) 87.3%, oklch(40.15% 0.0567 205.91) 89.1%, oklch(38.42% 0.0564 206.17) 90.9%, oklch(36.80% 0.0562 206.41) 92.7%, oklch(35.32% 0.0559 206.66) 94.5%, oklch(33.99% 0.0557 206.94) 96.4%, oklch(32.84% 0.0554 207.30) 98.2%, oklch(31.90% 0.0548 207.80) 100.0%);

In these collections

Teal and orange