# Teal turquoise palette

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

- Also called: Vivid analogous teal and blue linear swatches
- Seed: `kUn1N9WS1AtirQnNqcLg`
- Page: https://grabient.com/kUn1N9WS1AtirQnNqcLg?style=linearSwatches&steps=6&angle=135
- Drawn as: linear swatches, 6 steps, 135 degrees
- Kinds: even lightness, vivid, cool
- Hues: analogous
- Contrast of its darkest and lightest colors: 1.4 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 | `#119e85` | `oklch(62.60% 0.1144 175.78)` | Reptilian Green | black, 6.2 to 1 |
| 2 | `#13ae96` | `oklch(67.29% 0.1208 178.22)` | Pool Green | black, 7.5 to 1 |
| 3 | `#04b9ab` | `oklch(70.64% 0.1239 185.33)` | Verditer | black, 8.5 to 1 |
| 4 | `#00b6bb` | `oklch(70.42% 0.1197 198.52)` | Cyan Sky | black, 8.3 to 1 |
| 5 | `#03a5bf` | `oklch(66.40% 0.1166 214.31)` | Maui | black, 7.1 to 1 |
| 6 | `#188fb9` | `oklch(61.02% 0.1144 228.62)` | Hawaiian Ocean | black, 5.7 to 1 |

## CSS

```css
background: linear-gradient(135deg, #119e85 0.000% 16.667%, #13ae96 16.667% 33.333%, #04b9ab 33.333% 50.000%, #00b6bb 50.000% 66.667%, #03a5bf 66.667% 83.333%, #188fb9 83.333% 100.000%);
background: linear-gradient(135deg, oklch(62.60% 0.1144 175.78) 0.000% 16.667%, oklch(67.29% 0.1208 178.22) 16.667% 33.333%, oklch(70.64% 0.1239 185.33) 33.333% 50.000%, oklch(70.42% 0.1197 198.52) 50.000% 66.667%, oklch(66.40% 0.1166 214.31) 66.667% 83.333%, oklch(61.02% 0.1144 228.62) 83.333% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.626 | 0.114 | 175.8 |
| 2 | 0.701 | 0.124 | 182.1 |
| 3 | 0.697 | 0.119 | 203.3 |
| 4 | 0.61 | 0.114 | 228.6 |

## In these collections

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

## Other forms

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