Seafoam shell tide halo

Gray, tan, light blue and brown color palette

Radial gradient, 64 colors: #c5bf99, #caae83, #b3d3b3, #9bc4b7, #6f5335. Edit and export CSS, SVG, PNG or a shader.

4 editable OKLCH keyframes.

#c5bf99
#c5be99
#c5be98
#c5bd96
#c6bc95
#c6bb93
#c6b992
#c7b890
#c7b78e
#c8b58d
#c9b48b
#c9b389
#c9b188
#cab087
#caaf85
#caae84
#caae83
#caad83
#caad82
#caad81
#c9ad81
#c9ae81
#c8b082
#c6b283
#c5b585
#c3b888
#c1bc8c
#bec091
#bcc496
#b9c89d
#b7cca4
#b4d0ab
#b3d3b3
#b1d6ba
#b0d9c1
#b0dbc7
#b0dccd
#b0ddd1
#b0ded5
#b0ded7
#b0ddd8
#afdcd7
#addad6
#aad7d2
#a7d3cd
#a3cfc7
#9fcac0
#9bc4b7
#96bdae
#92b7a3
#8eaf98
#8aa88d
#879f82
#849777
#828f6c
#808662
#7d7e59
#7b7651
#796f49
#776843
#75613e
#725c3a
#705737
#6f5335

CSS

background: radial-gradient(circle at 50% 50% in oklch, oklch(79.92% 0.0510 99.84) 0.0%, oklch(79.82% 0.0515 99.21) 1.6%, oklch(79.67% 0.0521 98.25) 3.2%, oklch(79.49% 0.0528 97.01) 4.8%, oklch(79.28% 0.0536 95.53) 6.3%, oklch(79.05% 0.0546 93.87) 7.9%, oklch(78.80% 0.0556 92.07) 9.5%, oklch(78.54% 0.0566 90.18) 11.1%, oklch(78.26% 0.0577 88.24) 12.7%, oklch(77.99% 0.0589 86.31) 14.3%, oklch(77.72% 0.0600 84.43) 15.9%, oklch(77.45% 0.0611 82.66) 17.5%, oklch(77.20% 0.0622 81.03) 19.0%, oklch(76.97% 0.0632 79.59) 20.6%, oklch(76.76% 0.0642 78.40) 22.2%, oklch(76.58% 0.0650 77.49) 23.8%, oklch(76.43% 0.0658 76.93) 25.4%, oklch(76.32% 0.0664 76.74) 27.0%, oklch(76.25% 0.0670 77.00) 28.6%, oklch(76.24% 0.0673 77.73) 30.2%, oklch(76.28% 0.0675 78.99) 31.7%, oklch(76.38% 0.0675 80.82) 33.3%, oklch(76.59% 0.0673 83.49) 34.9%, oklch(76.95% 0.0669 87.15) 36.5%, oklch(77.43% 0.0662 91.67) 38.1%, oklch(78.02% 0.0654 96.94) 39.7%, oklch(78.70% 0.0645 102.85) 41.3%, oklch(79.45% 0.0634 109.29) 42.9%, oklch(80.24% 0.0622 116.13) 44.4%, oklch(81.07% 0.0609 123.25) 46.0%, oklch(81.90% 0.0596 130.56) 47.6%, oklch(82.72% 0.0582 137.92) 49.2%, oklch(83.51% 0.0568 145.22) 50.8%, oklch(84.25% 0.0554 152.35) 52.4%, oklch(84.92% 0.0541 159.20) 54.0%, oklch(85.51% 0.0528 165.64) 55.6%, oklch(85.98% 0.0515 171.55) 57.1%, oklch(86.32% 0.0504 176.84) 58.7%, oklch(86.52% 0.0494 181.37) 60.3%, oklch(86.55% 0.0485 185.03) 61.9%, oklch(86.39% 0.0477 187.72) 63.5%, oklch(86.03% 0.0472 189.30) 65.1%, oklch(85.43% 0.0469 189.67) 66.7%, oklch(84.57% 0.0467 188.75) 68.3%, oklch(83.43% 0.0467 186.64) 69.8%, oklch(82.04% 0.0469 183.44) 71.4%, oklch(80.43% 0.0471 179.26) 73.0%, oklch(78.63% 0.0475 174.23) 74.6%, oklch(76.66% 0.0480 168.45) 76.2%, oklch(74.56% 0.0486 162.04) 77.8%, oklch(72.34% 0.0492 155.10) 79.4%, oklch(70.04% 0.0499 147.76) 81.0%, oklch(67.70% 0.0507 140.13) 82.5%, oklch(65.32% 0.0515 132.31) 84.1%, oklch(62.95% 0.0523 124.43) 85.7%, oklch(60.62% 0.0531 116.60) 87.3%, oklch(58.34% 0.0538 108.92) 88.9%, oklch(56.15% 0.0546 101.52) 90.5%, oklch(54.08% 0.0553 94.51) 92.1%, oklch(52.15% 0.0560 87.99) 93.7%, oklch(50.40% 0.0566 82.09) 95.2%, oklch(48.85% 0.0571 76.92) 96.8%, oklch(47.52% 0.0576 72.58) 98.4%, oklch(46.46% 0.0579 69.20) 100.0%);

In these collections

Coastal rockpool spring