# Teal and navy turquoise 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. Its balanced and composed character suits brand mood boards and editorial graphics. Its darkest tone is blue, and its lightest tone is teal.

- Also called: Vivid analogous cyan to blue radial gradient
- Seed: `kU2lSF3i3Asqkwm1IUOA`
- Page: https://grabient.com/kU2lSF3i3Asqkwm1IUOA?style=radialGradient&steps=32
- Drawn as: radial gradient, 32 steps, 90 degrees
- Kinds: light to dark, vivid, cool
- Hues: analogous
- Contrast of its darkest and lightest colors: 5.7 to 1

## Colors

The name most people give each color, and the text color that reads on it with its contrast.

| Stop | Hex | OKLCH | Name | Text on it |
| --- | --- | --- | --- | --- |
| 1 | `#67e9de` | `oklch(85.83% 0.1157 187.73)` | Turquoise Chalk | black, 14.2 to 1 |
| 2 | `#63e7dc` | `oklch(85.16% 0.1164 188.04)` | Near Moon | black, 13.9 to 1 |
| 3 | `#5ee4da` | `oklch(84.34% 0.1175 188.34)` | Near Moon | black, 13.6 to 1 |
| 4 | `#58e1d8` | `oklch(83.37% 0.1189 188.67)` | Hammam Blue | black, 13.2 to 1 |
| 5 | `#51ded5` | `oklch(82.28% 0.1204 189.05)` | Jazzy Jade | black, 12.7 to 1 |
| 6 | `#49dad2` | `oklch(81.09% 0.1219 189.50)` | Jazzy Jade | black, 12.2 to 1 |
| 7 | `#40d6cf` | `oklch(79.82% 0.1233 190.05)` | Turquoise Panic | black, 11.7 to 1 |
| 8 | `#36d2cc` | `oklch(78.50% 0.1245 190.71)` | Medium Turquoise | black, 11.2 to 1 |
| 9 | `#2bcec8` | `oklch(77.16% 0.1254 191.52)` | Blue Martina | black, 10.7 to 1 |
| 10 | `#1ec9c6` | `oklch(75.80% 0.1258 192.49)` | Tilla Kari Mosque | black, 10.2 to 1 |
| 11 | `#10c5c3` | `oklch(74.46% 0.1256 193.64)` | Cala Benirrás Blue | black, 9.7 to 1 |
| 12 | `#00c0c0` | `oklch(73.13% 0.1247 195.00)` | Cala Benirrás Blue | black, 9.2 to 1 |
| 13 | `#00bbbd` | `oklch(71.76% 0.1222 196.54)` | Jade Gravel | black, 8.8 to 1 |
| 14 | `#00b6bb` | `oklch(70.35% 0.1196 198.24)` | Cyan Sky | black, 8.3 to 1 |
| 15 | `#00b0b8` | `oklch(68.89% 0.1171 200.10)` | Mermaid Treasure | black, 7.9 to 1 |
| 16 | `#00abb5` | `oklch(67.41% 0.1147 202.09)` | Bluebird | black, 7.4 to 1 |
| 17 | `#00a5b2` | `oklch(65.90% 0.1124 204.20)` | Garish Blue | black, 7 to 1 |
| 18 | `#04a0ae` | `oklch(64.37% 0.1097 206.41)` | Breaking Wave | black, 6.6 to 1 |
| 19 | `#0a9aab` | `oklch(62.82% 0.1068 208.71)` | Aquarium Diver | black, 6.2 to 1 |
| 20 | `#0e94a7` | `oklch(61.27% 0.1041 211.10)` | Brilliant | black, 5.8 to 1 |
| 21 | `#118fa4` | `oklch(59.70% 0.1018 213.55)` | Safe Harbour | black, 5.4 to 1 |
| 22 | `#1189a0` | `oklch(58.13% 0.1000 216.07)` | Teal Blue | black, 5.1 to 1 |
| 23 | `#11839d` | `oklch(56.43% 0.0985 218.92)` | Zircon Blue | black, 4.7 to 1 |
| 24 | `#117c99` | `oklch(54.61% 0.0972 222.09)` | Pacific Pleasure | white, 4.7 to 1 |
| 25 | `#117695` | `oklch(52.72% 0.0960 225.47)` | Blue Luxury | white, 5.1 to 1 |
| 26 | `#126f91` | `oklch(50.81% 0.0950 228.95)` | Tropic Sea | white, 5.6 to 1 |
| 27 | `#13698c` | `oklch(48.93% 0.0941 232.43)` | Bondi | white, 6.1 to 1 |
| 28 | `#146288` | `oklch(47.13% 0.0933 235.78)` | Reservoir | white, 6.6 to 1 |
| 29 | `#165d84` | `oklch(45.46% 0.0926 238.91)` | Sapphire Sparkle | white, 7.1 to 1 |
| 30 | `#175880` | `oklch(43.97% 0.0920 241.71)` | Whale’s Tale | white, 7.6 to 1 |
| 31 | `#18537d` | `oklch(42.71% 0.0914 244.06)` | Blueberry Twist | white, 8.1 to 1 |
| 32 | `#18507a` | `oklch(41.73% 0.0909 245.86)` | Silk Jewel | white, 8.5 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #67e9de 0.0%, #63e7dc 3.2%, #5ee4da 6.5%, #58e1d8 9.7%, #51ded5 12.9%, #49dad2 16.1%, #40d6cf 19.4%, #36d2cc 22.6%, #2bcec8 25.8%, #1ec9c6 29.0%, #10c5c3 32.3%, #00c0c0 35.5%, #00bbbd 38.7%, #00b6bb 41.9%, #00b0b8 45.2%, #00abb5 48.4%, #00a5b2 51.6%, #04a0ae 54.8%, #0a9aab 58.1%, #0e94a7 61.3%, #118fa4 64.5%, #1189a0 67.7%, #11839d 71.0%, #117c99 74.2%, #117695 77.4%, #126f91 80.6%, #13698c 83.9%, #146288 87.1%, #165d84 90.3%, #175880 93.5%, #18537d 96.8%, #18507a 100.0%);
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%);
```

## Keyframes

4 OKLCH keyframes joined by a Catmull-Rom spline. Hue is unwrapped degrees.

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.858 | 0.116 | 187.7 |
| 2 | 0.74 | 0.125 | 194.1 |
| 3 | 0.587 | 0.101 | 215.2 |
| 4 | 0.417 | 0.091 | 245.9 |

## In these collections

- [Turquoise](https://grabient.com/turquoise)

## Other forms

- [JSON](https://grabient.com/kU2lSF3i3Asqkwm1IUOA.json?style=radialGradient&steps=32)
- [PNG](https://grabient.com/kU2lSF3i3Asqkwm1IUOA.png?style=radialGradient&steps=32)
- [SVG](https://grabient.com/kU2lSF3i3Asqkwm1IUOA.svg?style=radialGradient&steps=32)
- [CSS](https://grabient.com/kU2lSF3i3Asqkwm1IUOA.css?style=radialGradient&steps=32)
- [ASE](https://grabient.com/kU2lSF3i3Asqkwm1IUOA.ase?style=radialGradient&steps=32)
- [GPL](https://grabient.com/kU2lSF3i3Asqkwm1IUOA.gpl?style=radialGradient&steps=32)
- [GRD](https://grabient.com/kU2lSF3i3Asqkwm1IUOA.grd?style=radialGradient&steps=32)
- [Design tokens](https://grabient.com/kU2lSF3i3Asqkwm1IUOA.tokens.json?style=radialGradient&steps=32)
- [Social card](https://grabient.com/api/og?seed=kU2lSF3i3Asqkwm1IUOA&style=radialGradient&steps=32)
- [Palettes like this one](https://grabient.com/palettes?q=kU2lSF3i3Asqkwm1IUOA)
- [Guide for agents](https://grabient.com/llms.txt)