# Teal turquoise palette

The Teal turquoise palette brings together green, teal, and dark 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 dark teal, and its lightest tone is green.

- Also called: Analogous teal to dark green radial gradient
- Seed: `kUy1B7yCTATOZQIlkUJA`
- Page: https://grabient.com/kUy1B7yCTATOZQIlkUJA?style=radialGradient&steps=32&angle=180
- Drawn as: radial gradient, 32 steps, 180 degrees
- Kinds: light to dark, vivid, cool
- Hues: analogous
- Contrast of its darkest and lightest colors: 7.6 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 | `#67d5b8` | `oklch(79.92% 0.1102 173.67)` | Peppy | black, 11.7 to 1 |
| 2 | `#63d0b4` | `oklch(78.56% 0.1098 173.84)` | Sweet Garden | black, 11.2 to 1 |
| 3 | `#5dcaae` | `oklch(76.78% 0.1093 174.05)` | Tropical Tide | black, 10.5 to 1 |
| 4 | `#56c3a8` | `oklch(74.66% 0.1088 174.30)` | Eucalipto | black, 9.7 to 1 |
| 5 | `#4ebca1` | `oklch(72.29% 0.1082 174.57)` | Jolt of Jade | black, 8.9 to 1 |
| 6 | `#45b39a` | `oklch(69.75% 0.1075 174.87)` | Green Blue | black, 8.1 to 1 |
| 7 | `#3cab92` | `oklch(67.12% 0.1067 175.20)` | Zomp | black, 7.4 to 1 |
| 8 | `#32a28b` | `oklch(64.48% 0.1057 175.55)` | Stamp Pad Green | black, 6.7 to 1 |
| 9 | `#299a83` | `oklch(61.92% 0.1045 175.92)` | Green Jelly | black, 6 to 1 |
| 10 | `#20927d` | `oklch(59.51% 0.1030 176.31)` | Miami Jade | black, 5.4 to 1 |
| 11 | `#188c77` | `oklch(57.35% 0.1012 176.71)` | Emerald Enchantment | black, 5 to 1 |
| 12 | `#118572` | `oklch(55.44% 0.0991 177.09)` | Summer Turquoise | black, 4.6 to 1 |
| 13 | `#0c806d` | `oklch(53.63% 0.0966 177.41)` | Tropical Green | white, 4.8 to 1 |
| 14 | `#097a68` | `oklch(51.90% 0.0937 177.69)` | Ultramarine Green | white, 5.2 to 1 |
| 15 | `#087464` | `oklch(50.23% 0.0906 177.96)` | Northern Hemisphere | white, 5.6 to 1 |
| 16 | `#086f60` | `oklch(48.64% 0.0872 178.26)` | Falcon Turquoise | white, 6 to 1 |
| 17 | `#096a5c` | `oklch(47.10% 0.0838 178.62)` | Bella Vista | white, 6.4 to 1 |
| 18 | `#0b6558` | `oklch(45.61% 0.0803 179.07)` | Arizona Stone | white, 6.9 to 1 |
| 19 | `#0b6154` | `oklch(44.18% 0.0769 179.66)` | Philodendron | white, 7.3 to 1 |
| 20 | `#0c5c51` | `oklch(42.79% 0.0737 180.41)` | Country Meadow | white, 7.8 to 1 |
| 21 | `#0b584e` | `oklch(41.43% 0.0707 181.36)` | Baltic Prince | white, 8.3 to 1 |
| 22 | `#0a544b` | `oklch(40.11% 0.0680 182.56)` | Plankton Green | white, 8.8 to 1 |
| 23 | `#095048` | `oklch(38.80% 0.0654 184.14)` | Action Green | white, 9.3 to 1 |
| 24 | `#074c46` | `oklch(37.50% 0.0628 186.05)` | Swamp Mausoleum | white, 9.9 to 1 |
| 25 | `#064844` | `oklch(36.23% 0.0603 188.22)` | Tropical Forest | white, 10.4 to 1 |
| 26 | `#064441` | `oklch(35.00% 0.0578 190.53)` | Dark Side | white, 10.9 to 1 |
| 27 | `#05403f` | `oklch(33.84% 0.0555 192.89)` | Rich Black | white, 11.5 to 1 |
| 28 | `#053d3d` | `oklch(32.76% 0.0533 195.21)` | Rich Black | white, 12 to 1 |
| 29 | `#053a3b` | `oklch(31.77% 0.0514 197.40)` | Customs Green | white, 12.5 to 1 |
| 30 | `#05373a` | `oklch(30.89% 0.0496 199.36)` | Customs Green | white, 12.9 to 1 |
| 31 | `#053538` | `oklch(30.14% 0.0481 200.99)` | Artist Blue | white, 13.3 to 1 |
| 32 | `#053337` | `oklch(29.53% 0.0469 202.20)` | Artist Blue | white, 13.6 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #67d5b8 0.0%, #63d0b4 3.2%, #5dcaae 6.5%, #56c3a8 9.7%, #4ebca1 12.9%, #45b39a 16.1%, #3cab92 19.4%, #32a28b 22.6%, #299a83 25.8%, #20927d 29.0%, #188c77 32.3%, #118572 35.5%, #0c806d 38.7%, #097a68 41.9%, #087464 45.2%, #086f60 48.4%, #096a5c 51.6%, #0b6558 54.8%, #0b6154 58.1%, #0c5c51 61.3%, #0b584e 64.5%, #0a544b 67.7%, #095048 71.0%, #074c46 74.2%, #064844 77.4%, #064441 80.6%, #05403f 83.9%, #053d3d 87.1%, #053a3b 90.3%, #05373a 93.5%, #053538 96.8%, #053337 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(79.92% 0.1102 173.67) 0.0%, oklch(78.56% 0.1098 173.84) 3.2%, oklch(76.78% 0.1093 174.05) 6.5%, oklch(74.66% 0.1088 174.30) 9.7%, oklch(72.29% 0.1082 174.57) 12.9%, oklch(69.75% 0.1075 174.87) 16.1%, oklch(67.12% 0.1067 175.20) 19.4%, oklch(64.48% 0.1057 175.55) 22.6%, oklch(61.92% 0.1045 175.92) 25.8%, oklch(59.51% 0.1030 176.31) 29.0%, oklch(57.35% 0.1012 176.71) 32.3%, oklch(55.44% 0.0991 177.09) 35.5%, oklch(53.63% 0.0966 177.41) 38.7%, oklch(51.90% 0.0937 177.69) 41.9%, oklch(50.23% 0.0906 177.96) 45.2%, oklch(48.64% 0.0872 178.26) 48.4%, oklch(47.10% 0.0838 178.62) 51.6%, oklch(45.61% 0.0803 179.07) 54.8%, oklch(44.18% 0.0769 179.66) 58.1%, oklch(42.79% 0.0737 180.41) 61.3%, oklch(41.43% 0.0707 181.36) 64.5%, oklch(40.11% 0.0680 182.56) 67.7%, oklch(38.80% 0.0654 184.14) 71.0%, oklch(37.50% 0.0628 186.05) 74.2%, oklch(36.23% 0.0603 188.22) 77.4%, oklch(35.00% 0.0578 190.53) 80.6%, oklch(33.84% 0.0555 192.89) 83.9%, oklch(32.76% 0.0533 195.21) 87.1%, oklch(31.77% 0.0514 197.40) 90.3%, oklch(30.89% 0.0496 199.36) 93.5%, oklch(30.14% 0.0481 200.99) 96.8%, oklch(29.53% 0.0469 202.20) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.799 | 0.11 | 173.7 |
| 2 | 0.567 | 0.101 | 176.8 |
| 3 | 0.406 | 0.069 | 182.1 |
| 4 | 0.295 | 0.047 | 202.2 |

## In these collections

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

## Other forms

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