Amber coral cyan rings

Seamless rainbow palette with 40 colors. #e3a857, #d69843, #d0843d, #cc7589, #978dc6, #5fadb9, #8bbd80, #e6b155. Edit and export CSS, SVG, PNG or a shader.

40 colors, 4 editable OKLCH keyframes.

#e3a857
#e2a656
#e0a453
#dea150
#db9f4c
#d89b47
#d69843
#d3943f
#d1913c
#d08d3a
#cf883a
#d0843d
#d08043
#d27c4c
#d37858
#d27667
#d07578
#cc7589
#c5789a
#bc7ca9
#b181b6
#a486c0
#978dc6
#8a93c9
#7f99c9
#749ec7
#6ba3c4
#64a8bf
#5fadb9
#5eb1b1
#61b6a7
#6bb99b
#79bb8e
#8bbd80
#9dbc72
#b0bb66
#c1b95c
#d0b656
#dcb354
#e6b155

CSS

background: radial-gradient(circle at 50% 50% in oklch, oklch(77.17% 0.1199 73.13) 0.0%, oklch(76.68% 0.1202 72.46) 2.6%, oklch(76.03% 0.1208 72.22) 5.1%, oklch(75.25% 0.1216 72.23) 7.7%, oklch(74.37% 0.1226 72.32) 10.3%, oklch(73.42% 0.1236 72.33) 12.8%, oklch(72.43% 0.1245 72.08) 15.4%, oklch(71.42% 0.1254 71.40) 17.9%, oklch(70.44% 0.1261 70.13) 20.5%, oklch(69.51% 0.1265 68.08) 23.1%, oklch(68.67% 0.1266 65.10) 25.6%, oklch(67.93% 0.1262 61.01) 28.2%, oklch(67.34% 0.1254 55.64) 30.8%, oklch(66.93% 0.1240 48.82) 33.3%, oklch(66.66% 0.1218 40.33) 35.9%, oklch(66.48% 0.1185 30.19) 38.5%, oklch(66.38% 0.1145 18.65) 41.0%, oklch(66.36% 0.1098 5.93) 43.6%, oklch(66.42% 0.1048 352.24) 46.2%, oklch(66.55% 0.0996 337.83) 48.7%, oklch(66.74% 0.0945 322.91) 51.3%, oklch(66.98% 0.0896 307.72) 53.8%, oklch(67.28% 0.0851 292.47) 56.4%, oklch(67.63% 0.0813 277.40) 59.0%, oklch(68.02% 0.0783 262.74) 61.5%, oklch(68.44% 0.0764 248.70) 64.1%, oklch(68.90% 0.0758 235.51) 66.7%, oklch(69.44% 0.0765 222.50) 69.2%, oklch(70.12% 0.0785 208.95) 71.8%, oklch(70.91% 0.0816 195.06) 74.4%, oklch(71.77% 0.0855 181.02) 76.9%, oklch(72.70% 0.0900 167.01) 79.5%, oklch(73.66% 0.0950 153.23) 82.1%, oklch(74.62% 0.1002 139.86) 84.6%, oklch(75.57% 0.1055 127.11) 87.2%, oklch(76.47% 0.1106 115.15) 89.7%, oklch(77.30% 0.1153 104.18) 92.3%, oklch(78.04% 0.1195 94.39) 94.9%, oklch(78.66% 0.1229 85.97) 97.4%, oklch(79.13% 0.1254 79.11) 100.0%);

In these collections

Orange and blue gradients