# Teal turquoise palette

The Teal turquoise palette brings together teal. 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 lightest and darkest tones both fall within the teal color family.

- Also called: Analogous teal and blue angular gradient
- Seed: `kWxVuFTaXBjibwpPJz4Z6g9o`
- Page: https://grabient.com/kWxVuFTaXBjibwpPJz4Z6g9o?style=angularGradient&steps=32&angle=45
- Drawn as: angular gradient, 32 steps, 45 degrees
- Kinds: dark center, vivid, cool
- Hues: analogous
- Contrast of its darkest and lightest colors: 4.3 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 | `#33cfc3` | `oklch(77.56% 0.1254 187.03)` | Bianchi Green | black, 10.8 to 1 |
| 2 | `#2fcbc0` | `oklch(76.23% 0.1237 188.07)` | Exquisite Turquoise | black, 10.3 to 1 |
| 3 | `#29c4bc` | `oklch(74.47% 0.1214 189.39)` | Swimmers Pool | black, 9.7 to 1 |
| 4 | `#23bdb7` | `oklch(72.36% 0.1187 190.96)` | Super Rare Jade | black, 9 to 1 |
| 5 | `#1cb5b2` | `oklch(70.02% 0.1157 192.75)` | Swagger | black, 8.2 to 1 |
| 6 | `#14acac` | `oklch(67.56% 0.1125 194.71)` | Greenland Green | black, 7.5 to 1 |
| 7 | `#0da3a6` | `oklch(65.08% 0.1091 196.82)` | Wax Crayon Blue | black, 6.8 to 1 |
| 8 | `#069ba0` | `oklch(62.69% 0.1058 199.05)` | Riviera Paradise | black, 6.2 to 1 |
| 9 | `#02939b` | `oklch(60.47% 0.1025 201.38)` | Peacock Feather | black, 5.6 to 1 |
| 10 | `#028b95` | `oklch(57.98% 0.0986 204.28)` | Tempo Teal | black, 5.1 to 1 |
| 11 | `#05818e` | `oklch(55.20% 0.0940 207.73)` | Briny | white, 4.6 to 1 |
| 12 | `#097787` | `oklch(52.34% 0.0892 211.42)` | Biscay Bay | white, 5.2 to 1 |
| 13 | `#0d6e80` | `oklch(49.63% 0.0845 215.05)` | Crystal Teal | white, 5.9 to 1 |
| 14 | `#10667a` | `oklch(47.29% 0.0805 218.32)` | World’s Away | white, 6.5 to 1 |
| 15 | `#126075` | `oklch(45.53% 0.0775 220.93)` | Nocturnal Sea | white, 7 to 1 |
| 16 | `#135d72` | `oklch(44.59% 0.0759 222.59)` | Deep Blue Sea | white, 7.3 to 1 |
| 17 | `#145d73` | `oklch(44.66% 0.0762 223.02)` | Deep Blue Sea | white, 7.3 to 1 |
| 18 | `#136177` | `oklch(45.74% 0.0786 222.34)` | Jamaican Dream | white, 7 to 1 |
| 19 | `#10677d` | `oklch(47.61% 0.0826 220.77)` | Tahitian Tide | white, 6.4 to 1 |
| 20 | `#0b6f85` | `oklch(50.08% 0.0877 218.56)` | Amalfi | white, 5.7 to 1 |
| 21 | `#03788e` | `oklch(52.92% 0.0932 215.92)` | Bayou Serenade | white, 5.1 to 1 |
| 22 | `#008396` | `oklch(55.92% 0.0979 213.09)` | Cruising | black, 4.6 to 1 |
| 23 | `#008d9e` | `oklch(58.89% 0.1019 210.27)` | Coral Coast | black, 5.2 to 1 |
| 24 | `#0096a6` | `oklch(61.59% 0.1058 207.69)` | Tile Blue | black, 5.9 to 1 |
| 25 | `#049fac` | `oklch(64.09% 0.1089 205.31)` | Riviera | black, 6.5 to 1 |
| 26 | `#18a8b2` | `oklch(66.84% 0.1101 202.65)` | Exotic Sea | black, 7.2 to 1 |
| 27 | `#28b2b8` | `oklch(69.72% 0.1107 199.82)` | Lake Tahoe Turquoise | black, 8.1 to 1 |
| 28 | `#36bcbe` | `oklch(72.60% 0.1108 196.96)` | Montego Bay | black, 9 to 1 |
| 29 | `#43c5c4` | `oklch(75.36% 0.1107 194.21)` | Port Hope | black, 10 to 1 |
| 30 | `#4fcdc9` | `oklch(77.85% 0.1104 191.72)` | May Day | black, 10.9 to 1 |
| 31 | `#58d4cd` | `oklch(79.94% 0.1102 189.63)` | Medium Turquoise | black, 11.7 to 1 |
| 32 | `#5fdad0` | `oklch(81.50% 0.1102 188.09)` | Hammam Blue | black, 12.3 to 1 |

## CSS

```css
background: conic-gradient(from 45deg, #33cfc3 0.0%, #2fcbc0 3.2%, #29c4bc 6.5%, #23bdb7 9.7%, #1cb5b2 12.9%, #14acac 16.1%, #0da3a6 19.4%, #069ba0 22.6%, #02939b 25.8%, #028b95 29.0%, #05818e 32.3%, #097787 35.5%, #0d6e80 38.7%, #10667a 41.9%, #126075 45.2%, #135d72 48.4%, #145d73 51.6%, #136177 54.8%, #10677d 58.1%, #0b6f85 61.3%, #03788e 64.5%, #008396 67.7%, #008d9e 71.0%, #0096a6 74.2%, #049fac 77.4%, #18a8b2 80.6%, #28b2b8 83.9%, #36bcbe 87.1%, #43c5c4 90.3%, #4fcdc9 93.5%, #58d4cd 96.8%, #5fdad0 100.0%);
background: conic-gradient(from 45deg in oklch, oklch(77.56% 0.1254 187.03) 0.0%, oklch(76.23% 0.1237 188.07) 3.2%, oklch(74.47% 0.1214 189.39) 6.5%, oklch(72.36% 0.1187 190.96) 9.7%, oklch(70.02% 0.1157 192.75) 12.9%, oklch(67.56% 0.1125 194.71) 16.1%, oklch(65.08% 0.1091 196.82) 19.4%, oklch(62.69% 0.1058 199.05) 22.6%, oklch(60.47% 0.1025 201.38) 25.8%, oklch(57.98% 0.0986 204.28) 29.0%, oklch(55.20% 0.0940 207.73) 32.3%, oklch(52.34% 0.0892 211.42) 35.5%, oklch(49.63% 0.0845 215.05) 38.7%, oklch(47.29% 0.0805 218.32) 41.9%, oklch(45.53% 0.0775 220.93) 45.2%, oklch(44.59% 0.0759 222.59) 48.4%, oklch(44.66% 0.0762 223.02) 51.6%, oklch(45.74% 0.0786 222.34) 54.8%, oklch(47.61% 0.0826 220.77) 58.1%, oklch(50.08% 0.0877 218.56) 61.3%, oklch(52.92% 0.0932 215.92) 64.5%, oklch(55.92% 0.0979 213.09) 67.7%, oklch(58.89% 0.1019 210.27) 71.0%, oklch(61.59% 0.1058 207.69) 74.2%, oklch(64.09% 0.1089 205.31) 77.4%, oklch(66.84% 0.1101 202.65) 80.6%, oklch(69.72% 0.1107 199.82) 83.9%, oklch(72.60% 0.1108 196.96) 87.1%, oklch(75.36% 0.1107 194.21) 90.3%, oklch(77.85% 0.1104 191.72) 93.5%, oklch(79.94% 0.1102 189.63) 96.8%, oklch(81.50% 0.1102 188.09) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.776 | 0.125 | 187 |
| 2 | 0.61 | 0.103 | 200.8 |
| 3 | 0.445 | 0.076 | 223 |
| 4 | 0.622 | 0.107 | 207.1 |
| 5 | 0.815 | 0.11 | 188.1 |

## In these collections

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

## Other forms

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