Deep teal and pale seafoam

Analogous teal to light blue color palette

Deep teal at the center opens into pale seafoam green around the edge of this radial gradient. Radial gradient, 72 colors: #064e52, #2c6a69, #5a958c, #87bfaf, #a9dec9. Edit and export CSS, SVG, PNG or a shader.

2 editable OKLCH keyframes.

#064e52
#084f53
#0a5054
#0c5154
#0e5255
#105357
#125558
#145659
#16585a
#18595b
#1a5b5d
#1c5d5e
#1f5e60
#216061
#236263
#256464
#286666
#2a6867
#2c6a69
#2f6c6b
#316e6d
#33706f
#367370
#387572
#3b7774
#3d7976
#407c78
#427e7a
#45817c
#48837e
#4a8680
#4d8882
#508b84
#528d86
#559088
#58928a
#5a958c
#5d978f
#609a91
#629c93
#659f95
#68a197
#6ba499
#6da79b
#70a99d
#73ac9f
#75aea1
#78b1a3
#7ab3a5
#7db5a7
#80b8a9
#82baab
#85bcad
#87bfaf
#89c1b1
#8cc3b3
#8ec5b4
#90c7b6
#93c9b8
#95cbb9
#97cdbb
#99cfbd
#9bd1be
#9dd3c0
#9fd4c1
#a0d6c2
#a2d8c4
#a4d9c5
#a5dac6
#a7dcc7
#a8ddc8
#a9dec9

CSS

background: radial-gradient(circle at 50% 50% in oklch, oklch(38.58% 0.0634 201.09) 0.0%, oklch(38.93% 0.0634 200.85) 1.4%, oklch(39.30% 0.0634 200.59) 2.8%, oklch(39.70% 0.0634 200.32) 4.2%, oklch(40.13% 0.0633 200.02) 5.6%, oklch(40.58% 0.0633 199.71) 7.0%, oklch(41.06% 0.0633 199.38) 8.5%, oklch(41.56% 0.0633 199.03) 9.9%, oklch(42.08% 0.0633 198.67) 11.3%, oklch(42.62% 0.0633 198.29) 12.7%, oklch(43.18% 0.0633 197.90) 14.1%, oklch(43.77% 0.0632 197.50) 15.5%, oklch(44.37% 0.0632 197.08) 16.9%, oklch(44.99% 0.0632 196.65) 18.3%, oklch(45.63% 0.0632 196.20) 19.7%, oklch(46.29% 0.0632 195.75) 21.1%, oklch(46.96% 0.0631 195.28) 22.5%, oklch(47.65% 0.0631 194.80) 23.9%, oklch(48.36% 0.0631 194.32) 25.4%, oklch(49.07% 0.0631 193.82) 26.8%, oklch(49.80% 0.0631 193.31) 28.2%, oklch(50.55% 0.0630 192.80) 29.6%, oklch(51.30% 0.0630 192.27) 31.0%, oklch(52.07% 0.0630 191.74) 32.4%, oklch(52.84% 0.0630 191.21) 33.8%, oklch(53.62% 0.0629 190.66) 35.2%, oklch(54.42% 0.0629 190.11) 36.6%, oklch(55.22% 0.0629 189.56) 38.0%, oklch(56.02% 0.0629 189.00) 39.4%, oklch(56.83% 0.0629 188.44) 40.8%, oklch(57.65% 0.0628 187.87) 42.3%, oklch(58.47% 0.0628 187.30) 43.7%, oklch(59.30% 0.0628 186.73) 45.1%, oklch(60.13% 0.0628 186.15) 46.5%, oklch(60.96% 0.0627 185.58) 47.9%, oklch(61.79% 0.0627 185.00) 49.3%, oklch(62.62% 0.0627 184.43) 50.7%, oklch(63.45% 0.0627 183.85) 52.1%, oklch(64.28% 0.0626 183.27) 53.5%, oklch(65.11% 0.0626 182.70) 54.9%, oklch(65.94% 0.0626 182.13) 56.3%, oklch(66.76% 0.0626 181.56) 57.7%, oklch(67.57% 0.0625 180.99) 59.2%, oklch(68.39% 0.0625 180.43) 60.6%, oklch(69.19% 0.0625 179.87) 62.0%, oklch(69.99% 0.0625 179.31) 63.4%, oklch(70.79% 0.0624 178.76) 64.8%, oklch(71.57% 0.0624 178.22) 66.2%, oklch(72.34% 0.0624 177.68) 67.6%, oklch(73.11% 0.0624 177.15) 69.0%, oklch(73.86% 0.0624 176.63) 70.4%, oklch(74.61% 0.0623 176.12) 71.8%, oklch(75.34% 0.0623 175.61) 73.2%, oklch(76.05% 0.0623 175.11) 74.6%, oklch(76.76% 0.0623 174.62) 76.1%, oklch(77.45% 0.0623 174.15) 77.5%, oklch(78.12% 0.0622 173.68) 78.9%, oklch(78.78% 0.0622 173.22) 80.3%, oklch(79.42% 0.0622 172.78) 81.7%, oklch(80.04% 0.0622 172.35) 83.1%, oklch(80.64% 0.0622 171.93) 84.5%, oklch(81.23% 0.0621 171.52) 85.9%, oklch(81.79% 0.0621 171.13) 87.3%, oklch(82.33% 0.0621 170.76) 88.7%, oklch(82.85% 0.0621 170.40) 90.1%, oklch(83.35% 0.0621 170.05) 91.5%, oklch(83.83% 0.0621 169.72) 93.0%, oklch(84.28% 0.0621 169.41) 94.4%, oklch(84.71% 0.0620 169.11) 95.8%, oklch(85.11% 0.0620 168.83) 97.2%, oklch(85.48% 0.0620 168.57) 98.6%, oklch(85.83% 0.0620 168.33) 100.0%);

In these collections

Two color gradients