# Coral pink and teal palette

The Coral pink and teal palette brings together dark teal, teal, green, light green, and light red. 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 light red.

- Also called: Complementary black, teal and pink linear gradient
- Seed: `kYSxqVNxnAEyfvVenz4aIy6ukWMm`
- Page: https://grabient.com/kYSxqVNxnAEyfvVenz4aIy6ukWMm?steps=6
- Drawn as: linear gradient, 6 steps, 90 degrees
- Kinds: dark to light, vivid, cool
- Hues: analogous
- Contrast of its darkest and lightest colors: 7.9 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 | `#143236` | `oklch(29.53% 0.0358 209.53)` | Elite Teal | white, 13.6 to 1 |
| 2 | `#0f5b66` | `oklch(43.31% 0.0703 210.59)` | Egyptian Enamel | white, 7.7 to 1 |
| 3 | `#35928b` | `oklch(60.24% 0.0868 188.40)` | Highlands | black, 5.6 to 1 |
| 4 | `#70bea6` | `oklch(74.41% 0.0854 172.54)` | Blue Energy | black, 9.6 to 1 |
| 5 | `#becab2` | `oklch(82.28% 0.0344 128.16)` | Bok Choy | black, 12.2 to 1 |
| 6 | `#ebb7ba` | `oklch(82.68% 0.0606 14.03)` | Summer Cocktails | black, 12 to 1 |

## CSS

```css
background: linear-gradient(90deg, #143236 0.0%, #0f5b66 20.0%, #35928b 40.0%, #70bea6 60.0%, #becab2 80.0%, #ebb7ba 100.0%);
background: linear-gradient(90deg in oklch, oklch(29.53% 0.0358 209.53) 0.0%, oklch(43.31% 0.0703 210.59) 20.0%, oklch(60.24% 0.0868 188.40) 40.0%, oklch(74.41% 0.0854 172.54) 60.0%, oklch(82.28% 0.0344 128.16) 80.0%, oklch(82.68% 0.0606 14.03) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.295 | 0.036 | 209.5 |
| 2 | 0.433 | 0.07 | 210.6 |
| 3 | 0.602 | 0.087 | 188.4 |
| 4 | 0.744 | 0.085 | 172.5 |
| 5 | 0.823 | 0.034 | 128.2 |
| 6 | 0.827 | 0.061 | 14 |

## In these collections

- [Waratah bushland bloom](https://grabient.com/waratah-bushland-bloom)
- [Pink and teal gradients](https://grabient.com/pink-and-teal-gradients)

## Other forms

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