Mint teal blue gradient

Analogous light blue, teal and blue color palette

The Mint teal blue gradient brings together pale green, light green, teal, and blue. Linear gradient, 32 colors at 45°: #e5fff2, #9ae2c4, #57b69f, #298b8d, #2b5c78. Edit and export CSS, SVG, PNG or a shader.

4 editable OKLCH keyframes.

#e5fff2
#dffcee
#d8faea
#d0f7e4
#c6f3de
#bcefd8
#b1ebd1
#a5e6cb
#9ae2c4
#8fddbe
#85d8b9
#7cd3b5
#74ceb0
#6cc8ac
#65c2a8
#5dbca3
#57b69f
#50b09c
#49aa98
#43a495
#3c9e92
#369890
#2f918e
#298b8d
#26848b
#247d89
#247686
#256f83
#276980
#29647d
#2a5f7a
#2b5c78

CSS

background: linear-gradient(45deg in oklch, oklch(97.64% 0.0317 164.53) 0.0%, oklch(96.72% 0.0355 164.72) 3.2%, oklch(95.57% 0.0408 164.88) 6.5%, oklch(94.21% 0.0471 165.04) 9.7%, oklch(92.69% 0.0542 165.23) 12.9%, oklch(91.03% 0.0616 165.47) 16.1%, oklch(89.28% 0.0691 165.80) 19.4%, oklch(87.48% 0.0763 166.23) 22.6%, oklch(85.65% 0.0829 166.79) 25.8%, oklch(83.83% 0.0884 167.51) 29.0%, oklch(82.07% 0.0926 168.41) 32.3%, oklch(80.35% 0.0954 169.47) 35.5%, oklch(78.59% 0.0971 170.53) 38.7%, oklch(76.78% 0.0980 171.64) 41.9%, oklch(74.93% 0.0982 172.83) 45.2%, oklch(73.06% 0.0979 174.17) 48.4%, oklch(71.18% 0.0970 175.69) 51.6%, oklch(69.30% 0.0959 177.45) 54.8%, oklch(67.43% 0.0945 179.50) 58.1%, oklch(65.59% 0.0931 181.88) 61.3%, oklch(63.78% 0.0918 184.64) 64.5%, oklch(62.01% 0.0905 187.87) 67.7%, oklch(60.16% 0.0890 191.94) 71.0%, oklch(58.24% 0.0871 196.77) 74.2%, oklch(56.28% 0.0849 202.15) 77.4%, oklch(54.34% 0.0825 207.85) 80.6%, oklch(52.45% 0.0800 213.64) 83.9%, oklch(50.65% 0.0776 219.32) 87.1%, oklch(48.99% 0.0753 224.65) 90.3%, oklch(47.51% 0.0732 229.42) 93.5%, oklch(46.26% 0.0715 233.41) 96.8%, oklch(45.28% 0.0703 236.39) 100.0%);

In these collections

Cool gradients