# Teal teal palette

The Teal teal palette brings together light green, green, and teal. The colors span a narrow lightness range, combining moderate color with gentle contrast. Its light and open character suits brand mood boards and editorial graphics. Its darkest tone is teal, and its lightest tone is light green.

- Also called: Pastel analogous blue to teal radial gradient
- Seed: `kS0zF9YB6_9Wgv-`
- Page: https://grabient.com/kS0zF9YB6_9Wgv-?style=radialGradient&steps=32&angle=135
- Drawn as: radial gradient, 32 steps, 135 degrees
- Kinds: pastel, cool
- Hues: monochromatic
- Contrast of its darkest and lightest colors: 1.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 | `#99d6c6` | `oklch(83.07% 0.0675 175.78)` | Aqua Glow | black, 12.8 to 1 |
| 2 | `#97d6c5` | `oklch(82.80% 0.0681 175.78)` | Isabella’s Aqua | black, 12.7 to 1 |
| 3 | `#96d5c4` | `oklch(82.48% 0.0689 175.78)` | Pop Shop | black, 12.5 to 1 |
| 4 | `#94d4c2` | `oklch(82.11% 0.0698 175.78)` | Pop Shop | black, 12.4 to 1 |
| 5 | `#91d3c1` | `oklch(81.69% 0.0709 175.78)` | Wintermint | black, 12.2 to 1 |
| 6 | `#8fd1c0` | `oklch(81.24% 0.0720 175.78)` | Wintermint | black, 12 to 1 |
| 7 | `#8dd0be` | `oklch(80.76% 0.0732 175.78)` | Blue Frosting | black, 11.9 to 1 |
| 8 | `#8acfbc` | `oklch(80.24% 0.0745 175.78)` | Blue Frosting | black, 11.7 to 1 |
| 9 | `#87cdbb` | `oklch(79.71% 0.0758 175.78)` | Deco-Rate | black, 11.5 to 1 |
| 10 | `#84ccb9` | `oklch(79.17% 0.0771 175.78)` | Pale Teal | black, 11.2 to 1 |
| 11 | `#81cab7` | `oklch(78.61% 0.0783 175.78)` | Bevelled Glass | black, 11 to 1 |
| 12 | `#7ec9b5` | `oklch(78.04% 0.0796 175.78)` | Meridian Star | black, 10.8 to 1 |
| 13 | `#7cc7b3` | `oklch(77.48% 0.0807 175.78)` | Meridian Star | black, 10.6 to 1 |
| 14 | `#79c5b2` | `oklch(76.92% 0.0818 175.78)` | Monte Carlo | black, 10.4 to 1 |
| 15 | `#76c4b0` | `oklch(76.38% 0.0828 175.78)` | Pale Jade | black, 10.2 to 1 |
| 16 | `#74c2ae` | `oklch(75.85% 0.0837 175.78)` | Miami Teal | black, 10 to 1 |
| 17 | `#71c1ad` | `oklch(75.33% 0.0844 175.78)` | T-Bird Turquoise | black, 9.9 to 1 |
| 18 | `#6fbfab` | `oklch(74.79% 0.0850 175.78)` | Blue Energy | black, 9.7 to 1 |
| 19 | `#6dbda9` | `oklch(74.21% 0.0856 175.78)` | Larchmere | black, 9.5 to 1 |
| 20 | `#6abca7` | `oklch(73.61% 0.0862 175.78)` | Larchmere | black, 9.3 to 1 |
| 21 | `#68baa5` | `oklch(73.00% 0.0866 175.78)` | Bath Turquoise | black, 9.1 to 1 |
| 22 | `#65b8a3` | `oklch(72.38% 0.0870 175.78)` | Bath Turquoise | black, 8.9 to 1 |
| 23 | `#63b6a1` | `oklch(71.76% 0.0874 175.78)` | Keppel | black, 8.7 to 1 |
| 24 | `#61b4a0` | `oklch(71.14% 0.0878 175.78)` | Keppel | black, 8.5 to 1 |
| 25 | `#5eb29e` | `oklch(70.54% 0.0881 175.78)` | Green Crush | black, 8.3 to 1 |
| 26 | `#5cb09c` | `oklch(69.96% 0.0883 175.78)` | Water Park | black, 8.1 to 1 |
| 27 | `#5aaf9a` | `oklch(69.41% 0.0886 175.78)` | Water Park | black, 8 to 1 |
| 28 | `#58ad99` | `oklch(68.89% 0.0888 175.78)` | Water Park | black, 7.8 to 1 |
| 29 | `#56ac97` | `oklch(68.41% 0.0890 175.78)` | Water Park | black, 7.7 to 1 |
| 30 | `#55aa96` | `oklch(67.99% 0.0892 175.78)` | Hole in One | black, 7.6 to 1 |
| 31 | `#53a995` | `oklch(67.62% 0.0894 175.78)` | Jewel Weed | black, 7.5 to 1 |
| 32 | `#52a894` | `oklch(67.32% 0.0896 175.78)` | Jewel Weed | black, 7.4 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #99d6c6 0.0%, #97d6c5 3.2%, #96d5c4 6.5%, #94d4c2 9.7%, #91d3c1 12.9%, #8fd1c0 16.1%, #8dd0be 19.4%, #8acfbc 22.6%, #87cdbb 25.8%, #84ccb9 29.0%, #81cab7 32.3%, #7ec9b5 35.5%, #7cc7b3 38.7%, #79c5b2 41.9%, #76c4b0 45.2%, #74c2ae 48.4%, #71c1ad 51.6%, #6fbfab 54.8%, #6dbda9 58.1%, #6abca7 61.3%, #68baa5 64.5%, #65b8a3 67.7%, #63b6a1 71.0%, #61b4a0 74.2%, #5eb29e 77.4%, #5cb09c 80.6%, #5aaf9a 83.9%, #58ad99 87.1%, #56ac97 90.3%, #55aa96 93.5%, #53a995 96.8%, #52a894 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(83.07% 0.0675 175.78) 0.0%, oklch(82.80% 0.0681 175.78) 3.2%, oklch(82.48% 0.0689 175.78) 6.5%, oklch(82.11% 0.0698 175.78) 9.7%, oklch(81.69% 0.0709 175.78) 12.9%, oklch(81.24% 0.0720 175.78) 16.1%, oklch(80.76% 0.0732 175.78) 19.4%, oklch(80.24% 0.0745 175.78) 22.6%, oklch(79.71% 0.0758 175.78) 25.8%, oklch(79.17% 0.0771 175.78) 29.0%, oklch(78.61% 0.0783 175.78) 32.3%, oklch(78.04% 0.0796 175.78) 35.5%, oklch(77.48% 0.0807 175.78) 38.7%, oklch(76.92% 0.0818 175.78) 41.9%, oklch(76.38% 0.0828 175.78) 45.2%, oklch(75.85% 0.0837 175.78) 48.4%, oklch(75.33% 0.0844 175.78) 51.6%, oklch(74.79% 0.0850 175.78) 54.8%, oklch(74.21% 0.0856 175.78) 58.1%, oklch(73.61% 0.0862 175.78) 61.3%, oklch(73.00% 0.0866 175.78) 64.5%, oklch(72.38% 0.0870 175.78) 67.7%, oklch(71.76% 0.0874 175.78) 71.0%, oklch(71.14% 0.0878 175.78) 74.2%, oklch(70.54% 0.0881 175.78) 77.4%, oklch(69.96% 0.0883 175.78) 80.6%, oklch(69.41% 0.0886 175.78) 83.9%, oklch(68.89% 0.0888 175.78) 87.1%, oklch(68.41% 0.0890 175.78) 90.3%, oklch(67.99% 0.0892 175.78) 93.5%, oklch(67.62% 0.0894 175.78) 96.8%, oklch(67.32% 0.0896 175.78) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.831 | 0.068 | 175.8 |
| 2 | 0.756 | 0.084 | 175.8 |
| 3 | 0.673 | 0.09 | 175.8 |

## In these collections

- [Teal gradients](https://grabient.com/teal-gradients)

## Other forms

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