Black Acid Yellow Rings

Black, red, brown and green color palette

From the center outward, this gradient moves from black through brown, red, burnt orange, olive, rough green, and finishes in acid yellow. Radial gradient, 32 colors: #111111, #bb2f1b, #8b7600, #319b5d, #e4ef26. Edit and export CSS, SVG, PNG or a shader.

4 editable OKLCH keyframes.

#111111
#191610
#271d0c
#3a2405
#502b00
#693100
#853300
#a32f03
#bb2f1b
#cf2e28
#de302b
#e5361a
#dc4c00
#c86000
#b46c00
#9f7200
#8b7600
#747a00
#597e00
#3f812e
#2d8343
#24884f
#269058
#319b5d
#42a760
#58b460
#71c15c
#8cce55
#a7d94a
#c0e23d
#d5ea30
#e4ef26

CSS

background: radial-gradient(circle at 50% 50% in oklch, oklch(17.72% 0.0000 89.88) 0.0%, oklch(20.30% 0.0134 85.71) 3.2%, oklch(23.86% 0.0322 79.20) 6.5%, oklch(28.16% 0.0550 71.16) 9.7%, oklch(32.95% 0.0758 62.07) 12.9%, oklch(38.01% 0.0965 53.01) 16.1%, oklch(43.08% 0.1244 44.39) 19.4%, oklch(47.93% 0.1583 36.95) 22.6%, oklch(52.32% 0.1802 31.24) 25.8%, oklch(56.02% 0.1979 28.01) 29.0%, oklch(58.78% 0.2097 27.92) 32.3%, oklch(60.39% 0.2148 31.78) 35.5%, oklch(60.92% 0.1916 39.91) 38.7%, oklch(60.60% 0.1570 51.47) 41.9%, oklch(59.67% 0.1333 65.51) 45.2%, oklch(58.35% 0.1205 81.07) 48.4%, oklch(56.90% 0.1174 97.21) 51.6%, oklch(55.53% 0.1238 112.98) 54.8%, oklch(54.49% 0.1414 127.44) 58.1%, oklch(54.02% 0.1350 139.62) 61.3%, oklch(54.34% 0.1285 148.61) 64.5%, oklch(55.69% 0.1267 153.53) 67.7%, oklch(58.07% 0.1287 154.98) 71.0%, oklch(61.27% 0.1335 153.76) 74.2%, oklch(65.08% 0.1404 150.40) 77.4%, oklch(69.29% 0.1488 145.46) 80.6%, oklch(73.70% 0.1582 139.48) 83.9%, oklch(78.09% 0.1678 133.01) 87.1%, oklch(82.26% 0.1771 126.61) 90.3%, oklch(86.00% 0.1855 120.81) 93.5%, oklch(89.09% 0.1924 116.18) 96.8%, oklch(91.34% 0.1970 113.25) 100.0%);

In these collections

Zine colors