# Teal and emerald text palette

The Teal and emerald text palette brings together teal and green. The colors span a narrow lightness range, combining moderate color with gentle contrast. Its balanced and composed character suits website sections and interface mockups. Its darkest tone is teal, and its lightest tone is green.

- Also called: Analogous teal to green linear gradient
- Seed: `kSf0mSRyu882zPK`
- Page: https://grabient.com/kSf0mSRyu882zPK?steps=32&angle=135
- Drawn as: linear gradient, 32 steps, 135 degrees
- Kinds: even lightness, vivid, cool
- Hues: analogous
- Contrast of its darkest and lightest colors: 1.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 | `#00717b` | `oklch(50.00% 0.0854 205.32)` | Iridescent Peacock | white, 5.7 to 1 |
| 2 | `#00727b` | `oklch(50.22% 0.0857 204.41)` | Scurf Green | white, 5.7 to 1 |
| 3 | `#00737b` | `oklch(50.48% 0.0860 203.30)` | Scurf Green | white, 5.6 to 1 |
| 4 | `#00747b` | `oklch(50.79% 0.0864 202.04)` | Scurf Green | white, 5.5 to 1 |
| 5 | `#00757b` | `oklch(51.13% 0.0869 200.63)` | Maxi Teal | white, 5.4 to 1 |
| 6 | `#00767a` | `oklch(51.50% 0.0876 199.09)` | Maxi Teal | white, 5.3 to 1 |
| 7 | `#00787a` | `oklch(51.90% 0.0883 197.44)` | Prismarine | white, 5.3 to 1 |
| 8 | `#00797a` | `oklch(52.31% 0.0892 195.70)` | Blue Grass | white, 5.2 to 1 |
| 9 | `#007b7a` | `oklch(52.75% 0.0902 193.89)` | Buzzards Bay | white, 5.1 to 1 |
| 10 | `#007d7a` | `oklch(53.19% 0.0913 192.03)` | Parasailing | white, 5 to 1 |
| 11 | `#007e7a` | `oklch(53.63% 0.0926 190.13)` | Parasailing | white, 4.9 to 1 |
| 12 | `#008079` | `oklch(54.07% 0.0940 188.22)` | Coelia Greenshade | white, 4.8 to 1 |
| 13 | `#008279` | `oklch(54.51% 0.0955 186.32)` | Blue Winged Teal | white, 4.7 to 1 |
| 14 | `#008378` | `oklch(54.94% 0.0971 184.43)` | Green Garlands | white, 4.6 to 1 |
| 15 | `#008577` | `oklch(55.34% 0.0988 182.59)` | Mystic Turquoise | black, 4.6 to 1 |
| 16 | `#008677` | `oklch(55.73% 0.1006 180.81)` | Mystic Turquoise | black, 4.7 to 1 |
| 17 | `#008876` | `oklch(56.09% 0.1024 179.08)` | Green Ink | black, 4.7 to 1 |
| 18 | `#008975` | `oklch(56.46% 0.1045 177.25)` | Emerald Enchantment | black, 4.8 to 1 |
| 19 | `#008b74` | `oklch(56.83% 0.1069 175.33)` | Industrial Turquoise | black, 4.9 to 1 |
| 20 | `#008c72` | `oklch(57.22% 0.1095 173.34)` | Industrial Turquoise | black, 5 to 1 |
| 21 | `#008e71` | `oklch(57.60% 0.1125 171.30)` | Observatory | black, 5.1 to 1 |
| 22 | `#00906f` | `oklch(57.99% 0.1158 169.23)` | Observatory | black, 5.1 to 1 |
| 23 | `#00916c` | `oklch(58.37% 0.1194 167.17)` | Sea Swell | black, 5.2 to 1 |
| 24 | `#00936a` | `oklch(58.74% 0.1233 165.12)` | Viridian | black, 5.3 to 1 |
| 25 | `#009467` | `oklch(59.11% 0.1275 163.13)` | Emerald Lake | black, 5.4 to 1 |
| 26 | `#009665` | `oklch(59.45% 0.1320 161.20)` | Green Cyan | black, 5.5 to 1 |
| 27 | `#069762` | `oklch(59.78% 0.1354 159.38)` | Green Cyan | black, 5.6 to 1 |
| 28 | `#14985f` | `oklch(60.09% 0.1367 157.67)` | Green Cyan | black, 5.6 to 1 |
| 29 | `#1c995d` | `oklch(60.37% 0.1378 156.10)` | Militant Vegan | black, 5.7 to 1 |
| 30 | `#239a5b` | `oklch(60.62% 0.1389 154.69)` | Militant Vegan | black, 5.8 to 1 |
| 31 | `#289a59` | `oklch(60.84% 0.1398 153.48)` | Militant Vegan | black, 5.8 to 1 |
| 32 | `#2c9b58` | `oklch(61.02% 0.1406 152.47)` | Militant Vegan | black, 5.9 to 1 |

## CSS

```css
background: linear-gradient(135deg, #00717b 0.0%, #00727b 3.2%, #00737b 6.5%, #00747b 9.7%, #00757b 12.9%, #00767a 16.1%, #00787a 19.4%, #00797a 22.6%, #007b7a 25.8%, #007d7a 29.0%, #007e7a 32.3%, #008079 35.5%, #008279 38.7%, #008378 41.9%, #008577 45.2%, #008677 48.4%, #008876 51.6%, #008975 54.8%, #008b74 58.1%, #008c72 61.3%, #008e71 64.5%, #00906f 67.7%, #00916c 71.0%, #00936a 74.2%, #009467 77.4%, #009665 80.6%, #069762 83.9%, #14985f 87.1%, #1c995d 90.3%, #239a5b 93.5%, #289a59 96.8%, #2c9b58 100.0%);
background: linear-gradient(135deg in oklch, oklch(50.00% 0.0854 205.32) 0.0%, oklch(50.22% 0.0857 204.41) 3.2%, oklch(50.48% 0.0860 203.30) 6.5%, oklch(50.79% 0.0864 202.04) 9.7%, oklch(51.13% 0.0869 200.63) 12.9%, oklch(51.50% 0.0876 199.09) 16.1%, oklch(51.90% 0.0883 197.44) 19.4%, oklch(52.31% 0.0892 195.70) 22.6%, oklch(52.75% 0.0902 193.89) 25.8%, oklch(53.19% 0.0913 192.03) 29.0%, oklch(53.63% 0.0926 190.13) 32.3%, oklch(54.07% 0.0940 188.22) 35.5%, oklch(54.51% 0.0955 186.32) 38.7%, oklch(54.94% 0.0971 184.43) 41.9%, oklch(55.34% 0.0988 182.59) 45.2%, oklch(55.73% 0.1006 180.81) 48.4%, oklch(56.09% 0.1024 179.08) 51.6%, oklch(56.46% 0.1045 177.25) 54.8%, oklch(56.83% 0.1069 175.33) 58.1%, oklch(57.22% 0.1095 173.34) 61.3%, oklch(57.60% 0.1125 171.30) 64.5%, oklch(57.99% 0.1158 169.23) 67.7%, oklch(58.37% 0.1194 167.17) 71.0%, oklch(58.74% 0.1233 165.12) 74.2%, oklch(59.11% 0.1275 163.13) 77.4%, oklch(59.45% 0.1320 161.20) 80.6%, oklch(59.78% 0.1354 159.38) 83.9%, oklch(60.09% 0.1367 157.67) 87.1%, oklch(60.37% 0.1378 156.10) 90.3%, oklch(60.62% 0.1389 154.69) 93.5%, oklch(60.84% 0.1398 153.48) 96.8%, oklch(61.02% 0.1406 152.47) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.5 | 0.101 | 205.3 |
| 2 | 0.559 | 0.12 | 180 |
| 3 | 0.61 | 0.141 | 152.5 |

## In these collections

- [Text gradients](https://grabient.com/text-gradients)

## Other forms

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