Teal and navy turquoise palette

Vivid analogous cyan to blue color palette

The Teal and navy turquoise palette brings together teal and blue. The colors span a moderate lightness range, combining moderate color with clear contrast. Radial gradient, 32 colors: #67e9de, #2bcec8, #00a5b2, #117c99, #18507a. Edit and export CSS, SVG, PNG or a shader.

4 editable OKLCH keyframes.

#67e9de
#63e7dc
#5ee4da
#58e1d8
#51ded5
#49dad2
#40d6cf
#36d2cc
#2bcec8
#1ec9c6
#10c5c3
#00c0c0
#00bbbd
#00b6bb
#00b0b8
#00abb5
#00a5b2
#04a0ae
#0a9aab
#0e94a7
#118fa4
#1189a0
#11839d
#117c99
#117695
#126f91
#13698c
#146288
#165d84
#175880
#18537d
#18507a

CSS

background: radial-gradient(circle at 50% 50% in oklch, oklch(85.83% 0.1157 187.73) 0.0%, oklch(85.16% 0.1164 188.04) 3.2%, oklch(84.34% 0.1175 188.34) 6.5%, oklch(83.37% 0.1189 188.67) 9.7%, oklch(82.28% 0.1204 189.05) 12.9%, oklch(81.09% 0.1219 189.50) 16.1%, oklch(79.82% 0.1233 190.05) 19.4%, oklch(78.50% 0.1245 190.71) 22.6%, oklch(77.16% 0.1254 191.52) 25.8%, oklch(75.80% 0.1258 192.49) 29.0%, oklch(74.46% 0.1256 193.64) 32.3%, oklch(73.13% 0.1247 195.00) 35.5%, oklch(71.76% 0.1222 196.54) 38.7%, oklch(70.35% 0.1196 198.24) 41.9%, oklch(68.89% 0.1171 200.10) 45.2%, oklch(67.41% 0.1147 202.09) 48.4%, oklch(65.90% 0.1124 204.20) 51.6%, oklch(64.37% 0.1097 206.41) 54.8%, oklch(62.82% 0.1068 208.71) 58.1%, oklch(61.27% 0.1041 211.10) 61.3%, oklch(59.70% 0.1018 213.55) 64.5%, oklch(58.13% 0.1000 216.07) 67.7%, oklch(56.43% 0.0985 218.92) 71.0%, oklch(54.61% 0.0972 222.09) 74.2%, oklch(52.72% 0.0960 225.47) 77.4%, oklch(50.81% 0.0950 228.95) 80.6%, oklch(48.93% 0.0941 232.43) 83.9%, oklch(47.13% 0.0933 235.78) 87.1%, oklch(45.46% 0.0926 238.91) 90.3%, oklch(43.97% 0.0920 241.71) 93.5%, oklch(42.71% 0.0914 244.06) 96.8%, oklch(41.73% 0.0909 245.86) 100.0%);

In these collections

Turquoise