# Turquoise, gold and coral color palette

The Turquoise, gold and coral color palette brings together teal, green, light orange, magenta, and red. The colors span a moderate lightness range, combining strong color with clear contrast. Its bold and dramatic character suits travel posters and environmental mood boards. Its darkest tone is green, and its lightest tone is light orange.

- Also called: Teal, green, beige and salmon linear swatches
- Seed: `kWt22KvTM6nASN_RzDUWUHEY`
- Page: https://grabient.com/kWt22KvTM6nASN_RzDUWUHEY?style=linearSwatches&steps=5
- Drawn as: linear swatches, 5 steps, 90 degrees
- Kinds: vivid
- Hues: split-complementary
- Contrast of its darkest and lightest colors: 4.2 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 | `#00bcbc` | `oklch(72.05% 0.1230 194.77)` | Jade Gravel | black, 8.9 to 1 |
| 2 | `#00712f` | `oklch(48.04% 0.1345 149.31)` | Bogey Green | white, 6.1 to 1 |
| 3 | `#e9d6b4` | `oklch(88.19% 0.0496 81.69)` | Champagne Gold | black, 14.6 to 1 |
| 4 | `#e3469f` | `oklch(64.17% 0.2094 349.76)` | Schiaparelli Pink | black, 5.6 to 1 |
| 5 | `#fb695c` | `oklch(70.08% 0.1805 27.80)` | Coral Quartz | black, 7.2 to 1 |

## CSS

```css
background: linear-gradient(90deg, #00bcbc 0.000% 20.000%, #00712f 20.000% 40.000%, #e9d6b4 40.000% 60.000%, #e3469f 60.000% 80.000%, #fb695c 80.000% 100.000%);
background: linear-gradient(90deg, oklch(72.05% 0.1230 194.77) 0.000% 20.000%, oklch(48.04% 0.1345 149.31) 20.000% 40.000%, oklch(88.19% 0.0496 81.69) 40.000% 60.000%, oklch(64.17% 0.2094 349.76) 60.000% 80.000%, oklch(70.08% 0.1805 27.80) 80.000% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.72 | 0.15 | 194.8 |
| 2 | 0.48 | 0.141 | 149.3 |
| 3 | 0.882 | 0.05 | 81.7 |
| 4 | 0.642 | 0.209 | -10.2 |
| 5 | 0.701 | 0.181 | 27.8 |

## In these collections

- [Bright swatches](https://grabient.com/bright-swatches)
- [Tropical swatches](https://grabient.com/tropical-swatches)

## Other forms

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