Milky mint teal rings

From the center outward, icy white becomes mint, clear teal, and deep blue teal. #f4ffff, #7ae7d4, #20b5ae, #1a6a8e. Edit and export CSS, SVG, PNG or a shader.

4 colors, 4 editable OKLCH keyframes.

#f4ffff
#7ae7d4
#20b5ae
#1a6a8e

CSS

background: radial-gradient(circle at 50% 50%, oklch(99.21% 0.0112 196.95) 0.000% 25.000%, oklch(85.83% 0.1047 181.02) 25.000% 50.000%, oklch(70.08% 0.1157 189.48) 50.000% 75.000%, oklch(49.61% 0.0923 232.80) 75.000% 100.000%);

In these collections

Gummy candy swatches