Architectural Signal Rings

Radial swatches, 5 colors: #e8e5dc, #7f8688, #15191d, #13aebb, #ca162d. Edit and export CSS, SVG, PNG or a shader.

5 editable OKLCH keyframes.

#e8e5dc
#7f8688
#15191d
#13aebb
#ca162d

CSS

background: radial-gradient(circle at 50% 50%, oklch(92.13% 0.0124 91.41) 0.000% 20.000%, oklch(61.42% 0.0083 219.27) 20.000% 40.000%, oklch(21.26% 0.0096 247.81) 40.000% 60.000%, oklch(68.50% 0.1144 204.48) 60.000% 80.000%, oklch(53.54% 0.2067 23.07) 80.000% 100.000%);

In these collections

Control Resonant swatches