Seafoam violet seagrass rings

Gray, light blue, teal and green palette with 56 colors. #436553, #8e80a5, #aec4dd, #5da391, #92ae63. Edit and export CSS, SVG, PNG or a shader.

56 colors, 6 editable OKLCH keyframes.

#436553
#406758
#3d695f
#3a6a68
#3a6b71
#3f6b7a
#476a82
#516a88
#5c6a8d
#676a90
#716b92
#796e94
#807298
#87789e
#8e80a5
#9588ad
#9b91b5
#a09abe
#a6a3c6
#aaabce
#aeb3d5
#b1b9da
#b3bede
#b4c1e0
#b5c3e1
#b4c5e1
#b3c5e1
#b1c5df
#aec4dd
#abc3db
#a7c2d8
#a3c1d5
#9fbfd2
#9abdcf
#94bccb
#8cb9c6
#84b6bf
#7bb2b8
#72aeaf
#69aaa5
#62a79b
#5da391
#5aa087
#5a9d7f
#5b9c77
#5e9b72
#629c6d
#679d6a
#6d9f68
#73a166
#79a465
#80a765
#85a964
#8bab64
#8fad63
#92ae63

CSS

background: radial-gradient(circle at 50% 50% in oklch, oklch(47.64% 0.0496 160.31) 0.0%, oklch(48.04% 0.0502 168.26) 1.8%, oklch(48.48% 0.0511 179.15) 3.6%, oklch(48.96% 0.0521 192.30) 5.5%, oklch(49.50% 0.0533 207.04) 7.3%, oklch(50.12% 0.0546 222.70) 9.1%, oklch(50.84% 0.0558 238.58) 10.9%, oklch(51.65% 0.0570 254.01) 12.7%, oklch(52.60% 0.0580 268.32) 14.5%, oklch(53.67% 0.0587 280.82) 16.4%, oklch(54.90% 0.0592 290.84) 18.2%, oklch(56.30% 0.0593 297.69) 20.0%, oklch(58.00% 0.0589 301.50) 21.8%, oklch(60.09% 0.0582 303.07) 23.6%, oklch(62.45% 0.0572 302.73) 25.5%, oklch(65.01% 0.0559 300.81) 27.3%, oklch(67.66% 0.0545 297.65) 29.1%, oklch(70.32% 0.0530 293.58) 30.9%, oklch(72.88% 0.0515 288.94) 32.7%, oklch(75.25% 0.0500 284.05) 34.5%, oklch(77.35% 0.0487 279.25) 36.4%, oklch(79.06% 0.0476 274.88) 38.2%, oklch(80.31% 0.0469 271.27) 40.0%, oklch(81.14% 0.0462 268.13) 41.8%, oklch(81.65% 0.0454 264.94) 43.6%, oklch(81.89% 0.0445 261.66) 45.5%, oklch(81.90% 0.0437 258.27) 47.3%, oklch(81.69% 0.0431 254.74) 49.1%, oklch(81.31% 0.0426 251.04) 50.9%, oklch(80.79% 0.0424 247.14) 52.7%, oklch(80.16% 0.0425 243.02) 54.5%, oklch(79.46% 0.0430 238.64) 56.4%, oklch(78.71% 0.0440 233.98) 58.2%, oklch(77.95% 0.0455 229.00) 60.0%, oklch(77.03% 0.0477 223.49) 61.8%, oklch(75.80% 0.0507 217.35) 63.6%, oklch(74.35% 0.0543 210.72) 65.5%, oklch(72.76% 0.0583 203.76) 67.3%, oklch(71.09% 0.0626 196.60) 69.1%, oklch(69.42% 0.0671 189.42) 70.9%, oklch(67.84% 0.0716 182.34) 72.7%, oklch(66.40% 0.0760 175.54) 74.5%, oklch(65.20% 0.0801 169.14) 76.4%, oklch(64.30% 0.0837 163.31) 78.2%, oklch(63.78% 0.0868 158.20) 80.0%, oklch(63.67% 0.0895 153.67) 81.8%, oklch(63.92% 0.0919 149.48) 83.6%, oklch(64.46% 0.0942 145.63) 85.5%, oklch(65.22% 0.0963 142.11) 87.3%, oklch(66.14% 0.0982 138.89) 89.1%, oklch(67.15% 0.0999 135.97) 90.9%, oklch(68.18% 0.1014 133.34) 92.7%, oklch(69.17% 0.1028 130.98) 94.5%, oklch(70.06% 0.1041 128.89) 96.4%, oklch(70.78% 0.1052 127.04) 98.2%, oklch(71.26% 0.1061 125.44) 100.0%);

In these collections

Spring tide seagrass