Teal and navy turquoise palette

The Teal and navy turquoise palette brings together teal, blue, and dark blue. Linear gradient, 32 colors at 270°: #22d4cd, #009fb3, #196b92, #254472, #26224f. Edit and export CSS, SVG, PNG or a shader.

4 editable OKLCH keyframes.

#22d4cd
#1ed0cb
#18cbc9
#11c5c7
#09bec3
#02b6c0
#00afbb
#00a7b7
#009fb3
#0098ae
#0391aa
#078aa6
#0b84a2
#0f7e9e
#13789a
#167196
#196b92
#1c658d
#1e6089
#205a85
#225580
#234f7c
#244a77
#254472
#263f6d
#273a68
#273563
#27305e
#272c5a
#272856
#262552
#26224f

CSS

background: linear-gradient(270deg in oklch, oklch(78.74% 0.1309 190.55) 0.0%, oklch(77.65% 0.1294 192.03) 3.2%, oklch(76.25% 0.1275 193.90) 6.5%, oklch(74.59% 0.1253 196.10) 9.7%, oklch(72.73% 0.1227 198.56) 12.9%, oklch(70.72% 0.1200 201.24) 16.1%, oklch(68.62% 0.1170 204.09) 19.4%, oklch(66.49% 0.1140 207.05) 22.6%, oklch(64.38% 0.1114 210.06) 25.8%, oklch(62.34% 0.1091 213.05) 29.0%, oklch(60.44% 0.1068 216.00) 32.3%, oklch(58.67% 0.1048 218.90) 35.5%, oklch(56.92% 0.1029 221.88) 38.7%, oklch(55.18% 0.1011 224.94) 41.9%, oklch(53.45% 0.0993 228.08) 45.2%, oklch(51.74% 0.0977 231.27) 48.4%, oklch(50.04% 0.0961 234.50) 51.6%, oklch(48.37% 0.0946 237.77) 54.8%, oklch(46.73% 0.0931 241.04) 58.1%, oklch(45.12% 0.0918 244.31) 61.3%, oklch(43.55% 0.0904 247.57) 64.5%, oklch(42.01% 0.0891 250.82) 67.7%, oklch(40.43% 0.0879 254.28) 71.0%, oklch(38.83% 0.0867 257.96) 74.2%, oklch(37.22% 0.0856 261.75) 77.4%, oklch(35.63% 0.0845 265.56) 80.6%, oklch(34.10% 0.0836 269.29) 83.9%, oklch(32.66% 0.0826 272.86) 87.1%, oklch(31.33% 0.0818 276.16) 90.3%, oklch(30.15% 0.0811 279.11) 93.5%, oklch(29.15% 0.0804 281.60) 96.8%, oklch(28.35% 0.0799 283.54) 100.0%);

In these collections

Turquoise