Berry Orange Sunset Rings

These 3 concentric rings move outward through dark berry, bright orange, and muted berry. #50182f, #f18349, #7f2d4c. Edit and export CSS, SVG, PNG or a shader.

3 colors, 3 editable OKLCH keyframes.

#50182f
#f18349
#7f2d4c

CSS

background: radial-gradient(circle at 50% 50%, oklch(30.71% 0.0868 357.89) 0.000% 33.333%, oklch(72.05% 0.1530 46.50) 33.333% 66.667%, oklch(42.52% 0.1171 0.00) 66.667% 100.000%);

In these collections

Sunset swatches