Mint and teal color palette

The Mint and teal color palette brings together light green, green, and teal. Linear gradient, 32 colors at 90°: #afdabf, #73ae92, #458370, #2c605a, #223e42. Edit and export CSS, SVG, PNG or a shader.

4 editable OKLCH keyframes.

#afdabf
#aad7bb
#a4d2b7
#9dcdb1
#96c8ab
#8dc2a5
#85bb9e
#7cb598
#73ae92
#6ba88c
#64a287
#5e9d83
#58987f
#53927b
#4e8d77
#498873
#458370
#417e6c
#3d7969
#397466
#366f63
#326a60
#2f655d
#2c605a
#2a5a57
#285554
#265050
#254c4d
#24474a
#234347
#234044
#223e42

CSS

background: linear-gradient(90deg in oklch, oklch(85.04% 0.0593 157.50) 0.0%, oklch(83.92% 0.0604 157.89) 3.2%, oklch(82.48% 0.0621 158.35) 6.5%, oklch(80.78% 0.0641 158.89) 9.7%, oklch(78.87% 0.0664 159.49) 12.9%, oklch(76.81% 0.0688 160.16) 16.1%, oklch(74.66% 0.0711 160.89) 19.4%, oklch(72.48% 0.0732 161.70) 22.6%, oklch(70.33% 0.0750 162.58) 25.8%, oklch(68.26% 0.0763 163.53) 29.0%, oklch(66.34% 0.0771 164.54) 32.3%, oklch(64.58% 0.0771 165.62) 35.5%, oklch(62.86% 0.0767 166.71) 38.7%, oklch(61.15% 0.0759 167.85) 41.9%, oklch(59.47% 0.0747 169.04) 45.2%, oklch(57.81% 0.0733 170.31) 48.4%, oklch(56.17% 0.0715 171.66) 51.6%, oklch(54.56% 0.0696 173.13) 54.8%, oklch(52.96% 0.0676 174.72) 58.1%, oklch(51.39% 0.0655 176.45) 61.3%, oklch(49.84% 0.0634 178.34) 64.5%, oklch(48.31% 0.0613 180.42) 67.7%, oklch(46.72% 0.0589 182.91) 71.0%, oklch(45.08% 0.0561 185.77) 74.2%, oklch(43.43% 0.0531 188.88) 77.4%, oklch(41.80% 0.0499 192.14) 80.6%, oklch(40.22% 0.0468 195.43) 83.9%, oklch(38.72% 0.0437 198.62) 87.1%, oklch(37.35% 0.0408 201.62) 90.3%, oklch(36.12% 0.0382 204.29) 93.5%, oklch(35.08% 0.0361 206.53) 96.8%, oklch(34.25% 0.0344 208.22) 100.0%);

In these collections

Between tides Mint color palette Winter swatches Cool swatches