# Deep teal, emerald and coral bold palette

The Deep teal, emerald and coral bold palette brings together dark teal, green, red, and light red. The colors span a broad lightness range, combining strong color with clear contrast. Its bold and dramatic character suits brand mood boards and editorial graphics. Its darkest tone is dark teal, and its lightest tone is light red.

- Also called: Black, green, salmon and pink angular swatches
- Seed: `kWRRh9vCG-dOrvlUQzFaiJBI`
- Page: https://grabient.com/kWRRh9vCG-dOrvlUQzFaiJBI?style=angularSwatches&steps=5&angle=45
- Drawn as: angular swatches, 5 steps, 45 degrees
- Kinds: dark to light, vivid
- Hues: split-complementary
- Contrast of its darkest and lightest colors: 8.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 | `#132c26` | `oklch(27.17% 0.0331 176.48)` | Guerrilla Forest | white, 14.7 to 1 |
| 2 | `#176b4d` | `oklch(47.24% 0.0923 163.80)` | Martian Green | white, 6.4 to 1 |
| 3 | `#55a669` | `oklch(65.75% 0.1199 150.07)` | Endo | black, 7 to 1 |
| 4 | `#ee5a52` | `oklch(66.14% 0.1846 26.43)` | Amour | black, 6.2 to 1 |
| 5 | `#ffb49e` | `oklch(83.46% 0.0937 36.99)` | Persicus | black, 12.2 to 1 |

## CSS

```css
background: conic-gradient(from 45deg, #132c26 0.000% 20.000%, #176b4d 20.000% 40.000%, #55a669 40.000% 60.000%, #ee5a52 60.000% 80.000%, #ffb49e 80.000% 100.000%);
background: conic-gradient(from 45deg, oklch(27.17% 0.0331 176.48) 0.000% 20.000%, oklch(47.24% 0.0923 163.80) 20.000% 40.000%, oklch(65.75% 0.1199 150.07) 40.000% 60.000%, oklch(66.14% 0.1846 26.43) 60.000% 80.000%, oklch(83.46% 0.0937 36.99) 80.000% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.272 | 0.033 | 176.5 |
| 2 | 0.472 | 0.092 | 163.8 |
| 3 | 0.657 | 0.12 | 150.1 |
| 4 | 0.661 | 0.185 | 26.4 |
| 5 | 0.835 | 0.094 | 37 |

## In these collections

- [Bold swatches](https://grabient.com/bold-swatches)

## Other forms

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