# Teal turquoise palette

The Teal turquoise palette brings together teal and light teal. The colors span a broad lightness range, combining moderate color with clear contrast. Its balanced and composed character suits brand mood boards and editorial graphics. Its darkest tone is teal, and its lightest tone is light teal.

- Also called: Analogous teal and light blue linear gradient
- Seed: `kaWSuaQqA-tapPlkq788ZS_tekQS_HMFg`
- Page: https://grabient.com/kaWSuaQqA-tapPlkq788ZS_tekQS_HMFg?steps=32
- Drawn as: linear gradient, 32 steps, 90 degrees
- Kinds: light center, vivid, cool
- Hues: analogous
- Contrast of its darkest and lightest colors: 8.2 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 | `#07424e` | `oklch(35.04% 0.0593 216.56)` | Cold and Dark | white, 11 to 1 |
| 2 | `#074955` | `oklch(37.33% 0.0631 215.23)` | Midnight Green | white, 10 to 1 |
| 3 | `#07525f` | `oklch(40.56% 0.0685 213.39)` | Sandalwood Grey Blue | white, 8.7 to 1 |
| 4 | `#075e6b` | `oklch(44.32% 0.0749 211.19)` | Fish Tale | white, 7.4 to 1 |
| 5 | `#076a77` | `oklch(48.22% 0.0814 208.80)` | Mary Blue | white, 6.2 to 1 |
| 6 | `#077681` | `oklch(51.82% 0.0873 206.39)` | Hypnotic Sea | white, 5.3 to 1 |
| 7 | `#07818a` | `oklch(55.04% 0.0926 203.88)` | Riviera Sea | white, 4.6 to 1 |
| 8 | `#068c93` | `oklch(58.26% 0.0980 201.05)` | Tempo Teal | black, 5.1 to 1 |
| 9 | `#08979b` | `oklch(61.41% 0.1032 198.14)` | Ocean Reef | black, 5.9 to 1 |
| 10 | `#0ea1a2` | `oklch(64.42% 0.1080 195.36)` | Pleasant Stream | black, 6.6 to 1 |
| 11 | `#16aba9` | `oklch(67.23% 0.1119 192.94)` | Blue Island | black, 7.4 to 1 |
| 12 | `#1eb4af` | `oklch(69.77% 0.1153 191.05)` | Glass Jar Blue | black, 8.2 to 1 |
| 13 | `#22bcb5` | `oklch(72.04% 0.1190 189.52)` | Super Rare Jade | black, 8.9 to 1 |
| 14 | `#26c4ba` | `oklch(74.14% 0.1222 188.27)` | Swimmers Pool | black, 9.6 to 1 |
| 15 | `#30cabf` | `oklch(76.13% 0.1236 187.23)` | Exquisite Turquoise | black, 10.3 to 1 |
| 16 | `#3ed1c4` | `oklch(78.12% 0.1221 186.33)` | Bianchi Green | black, 11 to 1 |
| 17 | `#53d7c9` | `oklch(80.29% 0.1161 185.49)` | Jazzy Jade | black, 11.9 to 1 |
| 18 | `#70ded0` | `oklch(83.08% 0.1034 184.61)` | Hammam Blue | black, 13 to 1 |
| 19 | `#8ce4d7` | `oklch(85.99% 0.0873 183.86)` | Sharbah Fizz | black, 14.2 to 1 |
| 20 | `#a3e9dd` | `oklch(88.37% 0.0716 183.40)` | Oasis Stream | black, 15.2 to 1 |
| 21 | `#b1eae0` | `oklch(89.56% 0.0600 183.42)` | Gentle Giant | black, 15.7 to 1 |
| 22 | `#b1e7df` | `oklch(88.91% 0.0564 184.12)` | Cool Crayon | black, 15.3 to 1 |
| 23 | `#a4dfd7` | `oklch(86.24% 0.0615 185.58)` | Frosty | black, 14.1 to 1 |
| 24 | `#8dd4cd` | `oklch(82.14% 0.0721 187.60)` | Electro Chill | black, 12.4 to 1 |
| 25 | `#70c7c1` | `oklch(77.32% 0.0844 189.95)` | Turkish Teal | black, 10.6 to 1 |
| 26 | `#53b9b6` | `oklch(72.47% 0.0948 192.41)` | Hygiene Green | black, 8.9 to 1 |
| 27 | `#3bacac` | `oklch(68.25% 0.0995 194.75)` | Pluto | black, 7.6 to 1 |
| 28 | `#2b9fa1` | `oklch(64.08% 0.0984 197.34)` | Baltic | black, 6.5 to 1 |
| 29 | `#219096` | `oklch(59.74% 0.0940 200.19)` | Splashy | black, 5.4 to 1 |
| 30 | `#1c828a` | `oklch(55.62% 0.0880 202.97)` | Riviera Sea | black, 4.6 to 1 |
| 31 | `#1a7780` | `oklch(52.11% 0.0822 205.36)` | Blue Kelp | white, 5.2 to 1 |
| 32 | `#176e79` | `oklch(49.61% 0.0785 207.05)` | Carnival Night | white, 5.8 to 1 |

## CSS

```css
background: linear-gradient(90deg, #07424e 0.0%, #074955 3.2%, #07525f 6.5%, #075e6b 9.7%, #076a77 12.9%, #077681 16.1%, #07818a 19.4%, #068c93 22.6%, #08979b 25.8%, #0ea1a2 29.0%, #16aba9 32.3%, #1eb4af 35.5%, #22bcb5 38.7%, #26c4ba 41.9%, #30cabf 45.2%, #3ed1c4 48.4%, #53d7c9 51.6%, #70ded0 54.8%, #8ce4d7 58.1%, #a3e9dd 61.3%, #b1eae0 64.5%, #b1e7df 67.7%, #a4dfd7 71.0%, #8dd4cd 74.2%, #70c7c1 77.4%, #53b9b6 80.6%, #3bacac 83.9%, #2b9fa1 87.1%, #219096 90.3%, #1c828a 93.5%, #1a7780 96.8%, #176e79 100.0%);
background: linear-gradient(90deg in oklch, oklch(35.04% 0.0593 216.56) 0.0%, oklch(37.33% 0.0631 215.23) 3.2%, oklch(40.56% 0.0685 213.39) 6.5%, oklch(44.32% 0.0749 211.19) 9.7%, oklch(48.22% 0.0814 208.80) 12.9%, oklch(51.82% 0.0873 206.39) 16.1%, oklch(55.04% 0.0926 203.88) 19.4%, oklch(58.26% 0.0980 201.05) 22.6%, oklch(61.41% 0.1032 198.14) 25.8%, oklch(64.42% 0.1080 195.36) 29.0%, oklch(67.23% 0.1119 192.94) 32.3%, oklch(69.77% 0.1153 191.05) 35.5%, oklch(72.04% 0.1190 189.52) 38.7%, oklch(74.14% 0.1222 188.27) 41.9%, oklch(76.13% 0.1236 187.23) 45.2%, oklch(78.12% 0.1221 186.33) 48.4%, oklch(80.29% 0.1161 185.49) 51.6%, oklch(83.08% 0.1034 184.61) 54.8%, oklch(85.99% 0.0873 183.86) 58.1%, oklch(88.37% 0.0716 183.40) 61.3%, oklch(89.56% 0.0600 183.42) 64.5%, oklch(88.91% 0.0564 184.12) 67.7%, oklch(86.24% 0.0615 185.58) 71.0%, oklch(82.14% 0.0721 187.60) 74.2%, oklch(77.32% 0.0844 189.95) 77.4%, oklch(72.47% 0.0948 192.41) 80.6%, oklch(68.25% 0.0995 194.75) 83.9%, oklch(64.08% 0.0984 197.34) 87.1%, oklch(59.74% 0.0940 200.19) 90.3%, oklch(55.62% 0.0880 202.97) 93.5%, oklch(52.11% 0.0822 205.36) 96.8%, oklch(49.61% 0.0785 207.05) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.35 | 0.059 | 216.6 |
| 2 | 0.524 | 0.088 | 206 |
| 3 | 0.681 | 0.113 | 192.3 |
| 4 | 0.791 | 0.12 | 185.9 |
| 5 | 0.894 | 0.056 | 183.8 |
| 6 | 0.689 | 0.099 | 194.4 |
| 7 | 0.496 | 0.079 | 207.1 |

## In these collections

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

## Other forms

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