Teal near-black rings

Gray, black and brown palette with 40 colors. #a3ccbd, #0f2618, #162f2a, #68807b, #574738, #442e0f, #433404, #684734. Edit and export CSS, SVG, PNG or a shader.

40 colors, 6 editable OKLCH keyframes.

#a3ccbd
#91b8a9
#789c8d
#5c7c6c
#3f5b4b
#243e2e
#0f2618
#031609
#001005
#011309
#061e16
#162f2a
#2a4341
#405959
#546d6f
#627b7d
#688181
#68807b
#65796e
#636f5e
#60614e
#5c5341
#574738
#523e32
#4f382e
#4d3428
#4a3021
#472e18
#442e0f
#402e07
#3d2f02
#3c3000
#3e3200
#433404
#4a370c
#513a15
#593e1f
#5f4128
#64452f
#684734

CSS

background: radial-gradient(circle at 50% 50% in oklch, oklch(81.10% 0.0482 170.86) 0.0%, oklch(75.10% 0.0473 169.17) 2.6%, oklch(66.26% 0.0461 166.45) 5.1%, oklch(55.67% 0.0447 163.18) 7.7%, oklch(44.45% 0.0431 159.84) 10.3%, oklch(33.69% 0.0414 156.91) 12.8%, oklch(24.48% 0.0398 154.88) 15.4%, oklch(17.94% 0.0383 154.22) 17.9%, oklch(15.15% 0.0370 155.48) 20.5%, oklch(16.56% 0.0356 160.49) 23.1%, oklch(21.28% 0.0342 168.76) 25.6%, oklch(28.20% 0.0329 178.67) 28.2%, oklch(36.26% 0.0316 188.60) 30.8%, oklch(44.36% 0.0305 196.93) 33.3%, oklch(51.42% 0.0296 202.02) 35.9%, oklch(56.37% 0.0291 202.25) 38.5%, oklch(58.26% 0.0289 195.87) 41.0%, oklch(57.81% 0.0290 181.31) 43.6%, oklch(55.74% 0.0292 160.52) 46.2%, oklch(52.54% 0.0297 135.99) 48.7%, oklch(48.69% 0.0305 110.23) 51.3%, oklch(44.69% 0.0316 85.76) 53.8%, oklch(41.03% 0.0331 65.06) 56.4%, oklch(38.19% 0.0349 50.66) 59.0%, oklch(36.42% 0.0374 44.58) 61.5%, oklch(34.96% 0.0410 45.57) 64.1%, oklch(33.71% 0.0453 51.68) 66.7%, oklch(32.71% 0.0500 61.08) 69.2%, oklch(31.96% 0.0546 71.91) 71.8%, oklch(31.49% 0.0589 82.34) 74.4%, oklch(31.30% 0.0623 90.52) 76.9%, oklch(31.43% 0.0645 94.61) 79.5%, oklch(32.01% 0.0652 93.81) 82.1%, oklch(33.18% 0.0647 89.90) 84.6%, oklch(34.79% 0.0633 83.79) 87.2%, oklch(36.64% 0.0613 76.34) 89.7%, oklch(38.57% 0.0590 68.41) 92.3%, oklch(40.37% 0.0568 60.87) 94.9%, oklch(41.88% 0.0549 54.58) 97.4%, oklch(42.91% 0.0537 50.39) 100.0%);

In these collections

Elevation gradients