Mint Near-Black Violet Rings

Light blue, light green, orange and navy color palette

From the center outward, this gradient moves from mint through pale green, yellow, orange, coral red, plum, and finishes in near-black violet. Radial gradient, 32 colors: #8fe8e0, #a2efa2, #eea800, #c13c5c, #160c2b. Edit and export CSS, SVG, PNG or a shader.

4 editable OKLCH keyframes.

#8fe8e0
#8de9dd
#8cebda
#8bedd5
#8cefce
#8ef0c6
#93f1bc
#99f0b0
#a2efa2
#aceb92
#b6e680
#c1e06d
#ccd757
#d7cd3b
#e2c20e
#e9b500
#eea800
#f29900
#f58800
#f77500
#f36326
#e8543f
#d74750
#c13c5c
#a63363
#8a2d64
#6e2660
#552158
#3f1b4c
#2d1540
#1f1034
#160c2b

CSS

background: radial-gradient(circle at 50% 50% in oklch, oklch(87.40% 0.0868 188.44) 0.0%, oklch(87.44% 0.0900 185.06) 3.2%, oklch(87.61% 0.0941 180.91) 6.5%, oklch(87.84% 0.0990 176.07) 9.7%, oklch(88.09% 0.1045 170.62) 12.9%, oklch(88.31% 0.1104 164.65) 16.1%, oklch(88.43% 0.1166 158.22) 19.4%, oklch(88.41% 0.1228 151.42) 22.6%, oklch(88.19% 0.1290 144.34) 25.8%, oklch(87.72% 0.1348 137.05) 29.0%, oklch(86.95% 0.1402 129.63) 32.3%, oklch(85.87% 0.1455 122.06) 35.5%, oklch(84.62% 0.1519 114.03) 38.7%, oklch(83.20% 0.1589 105.58) 41.9%, oklch(81.61% 0.1663 96.79) 45.2%, oklch(79.81% 0.1632 87.71) 48.4%, oklch(77.81% 0.1620 78.41) 51.6%, oklch(75.59% 0.1648 68.97) 54.8%, oklch(73.14% 0.1725 59.44) 58.1%, oklch(70.44% 0.1865 49.90) 61.3%, oklch(67.48% 0.1907 40.42) 64.5%, oklch(64.21% 0.1872 30.97) 67.7%, oklch(60.26% 0.1799 20.83) 71.0%, oklch(55.65% 0.1692 10.00) 74.2%, oklch(50.60% 0.1559 358.78) 77.4%, oklch(45.28% 0.1409 347.45) 80.6%, oklch(39.91% 0.1250 336.31) 83.9%, oklch(34.66% 0.1090 325.66) 87.1%, oklch(29.74% 0.0937 315.79) 90.3%, oklch(25.35% 0.0800 306.98) 93.5%, oklch(21.67% 0.0687 299.54) 96.8%, oklch(18.90% 0.0606 293.76) 100.0%);

In these collections

Surreal colors