Seafoam Into Deep Teal

Analogous light blue, teal and black color palette

This diagonal gradient moves from pale seafoam through mint, turquoise, teal, deep teal, and near-black. Linear gradient, 32 colors at 225°: #a6e2d2, #2ab1a4, #1a7474, #0a434a, #011219. Edit and export CSS, SVG, PNG or a shader.

5 editable OKLCH keyframes.

#a6e2d2
#9edece
#92d9c8
#83d3c2
#72cdbc
#60c6b6
#4dbfaf
#3ab8a9
#2ab1a4
#1ea99e
#16a299
#149a93
#17928c
#1a8a86
#1c8380
#1c7b7a
#1a7474
#186c6e
#156568
#135e62
#10575c
#0e5156
#0c4a50
#0a434a
#083c43
#06353d
#042e35
#03262e
#022028
#011a22
#01151d
#011219

CSS

background: linear-gradient(225deg in oklch, oklch(86.61% 0.0648 176.48) 0.0%, oklch(85.23% 0.0691 177.15) 3.2%, oklch(83.37% 0.0754 178.04) 6.5%, oklch(81.17% 0.0830 179.09) 9.7%, oklch(78.72% 0.0911 180.27) 12.9%, oklch(76.14% 0.0988 181.52) 16.1%, oklch(73.54% 0.1053 182.79) 19.4%, oklch(71.04% 0.1099 184.04) 22.6%, oklch(68.73% 0.1118 185.23) 25.8%, oklch(66.50% 0.1111 186.38) 29.0%, oklch(64.26% 0.1083 187.53) 32.3%, oklch(62.03% 0.1041 188.69) 35.5%, oklch(59.79% 0.0990 189.88) 38.7%, oklch(57.56% 0.0935 191.11) 41.9%, oklch(55.32% 0.0881 192.39) 45.2%, oklch(53.09% 0.0833 193.74) 48.4%, oklch(50.85% 0.0795 195.17) 51.6%, oklch(48.62% 0.0760 196.64) 54.8%, oklch(46.39% 0.0725 198.16) 58.1%, oklch(44.17% 0.0691 199.72) 61.3%, oklch(41.94% 0.0658 201.35) 64.5%, oklch(39.70% 0.0625 203.04) 67.7%, oklch(37.46% 0.0592 204.81) 71.0%, oklch(35.21% 0.0559 206.66) 74.2%, oklch(32.87% 0.0526 208.67) 77.4%, oklch(30.32% 0.0489 211.00) 80.6%, oklch(27.67% 0.0452 213.50) 83.9%, oklch(25.03% 0.0415 216.06) 87.1%, oklch(22.52% 0.0380 218.53) 90.3%, oklch(20.25% 0.0349 220.77) 93.5%, oklch(18.35% 0.0323 222.65) 96.8%, oklch(16.93% 0.0303 224.04) 100.0%);

In these collections

Blue gradients