Near-Black Purple Teal Halo

These concentric rings move outward through near-black, deep teal, purple, and teal. Radial swatches, 4 colors: #19000e, #126d5f, #e086be, #2dc9c3. Edit and export CSS, SVG, PNG or a shader.

4 editable OKLCH keyframes.

#19000e
#126d5f
#e086be
#2dc9c3

CSS

background: radial-gradient(circle at 50% 50%, oklch(14.17% 0.0593 347.34) 0.000% 25.000%, oklch(48.03% 0.0827 179.32) 25.000% 50.000%, oklch(73.23% 0.1295 343.12) 50.000% 75.000%, oklch(75.98% 0.1226 190.94) 75.000% 100.000%);

In these collections

Complementary swatches