# Coral and turquoise color palette

The Coral and turquoise color palette brings together light red, light teal, teal, magenta, and red. The colors span a narrow lightness range, combining strong color with gentle contrast. Its balanced and composed character suits travel posters and environmental mood boards. Its darkest tone is magenta, and its lightest tone is light red.

- Also called: Rainbow from salmon to pink angular swatches
- Seed: `kWyE8aYRxTsyhwTGvs-VztBo`
- Page: https://grabient.com/kWyE8aYRxTsyhwTGvs-VztBo?style=angularSwatches&steps=5&angle=315
- Drawn as: angular swatches, 5 steps, 315 degrees
- Kinds: rainbow
- Hues: split-complementary
- Contrast of its darkest and lightest colors: 2.5 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 | `#f7a188` | `oklch(78.74% 0.1089 36.56)` | Peach Mimosa | black, 10.3 to 1 |
| 2 | `#74c1c8` | `oklch(76.38% 0.0772 203.53)` | Luna Moona | black, 10.2 to 1 |
| 3 | `#2d8fa3` | `oklch(60.24% 0.0923 214.10)` | Scooter | black, 5.5 to 1 |
| 4 | `#b53e88` | `oklch(55.51% 0.1722 346.19)` | Orchid Ecstasy | white, 5.2 to 1 |
| 5 | `#e86994` | `oklch(68.50% 0.1626 0.99)` | Shadow Azalea Pink | black, 6.8 to 1 |

## CSS

```css
background: conic-gradient(from 315deg, #f7a188 0.000% 20.000%, #74c1c8 20.000% 40.000%, #2d8fa3 40.000% 60.000%, #b53e88 60.000% 80.000%, #e86994 80.000% 100.000%);
background: conic-gradient(from 315deg, oklch(78.74% 0.1089 36.56) 0.000% 20.000%, oklch(76.38% 0.0772 203.53) 20.000% 40.000%, oklch(60.24% 0.0923 214.10) 40.000% 60.000%, oklch(55.51% 0.1722 346.19) 60.000% 80.000%, oklch(68.50% 0.1626 0.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.787 | 0.109 | 36.6 |
| 2 | 0.764 | 0.077 | 203.5 |
| 3 | 0.602 | 0.092 | 214.1 |
| 4 | 0.555 | 0.172 | 346.2 |
| 5 | 0.685 | 0.163 | 361 |

## In these collections

- [Tropical swatches](https://grabient.com/tropical-swatches)
- [Summer swatches](https://grabient.com/summer-swatches)

## Other forms

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