Coral Ocean Beach Rings

Radial swatches, 5 colors: #22899b, #165b73, #103750, #d96d58, #61b7bd. Edit and export CSS, SVG, PNG or a shader.

5 editable OKLCH keyframes.

#22899b
#165b73
#103750
#d96d58
#61b7bd

CSS

background: radial-gradient(circle at 50% 50%, oklch(58.27% 0.0923 211.64) 0.000% 20.000%, oklch(44.09% 0.0758 226.44) 20.000% 40.000%, oklch(32.28% 0.0620 241.23) 40.000% 60.000%, oklch(65.75% 0.1406 32.35) 60.000% 80.000%, oklch(72.83% 0.0841 201.43) 80.000% 100.000%);

In these collections

Beach swatches