# Magenta, coral and deep cyan tropical palette

The Magenta, coral and deep cyan tropical palette brings together magenta, light red, and teal. 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: Purple, pink and teal radial swatches
- Seed: `kWeXzxTLtBtonxDWm9OwqDBA`
- Page: https://grabient.com/kWeXzxTLtBtonxDWm9OwqDBA?style=radialSwatches&steps=5&angle=0
- Drawn as: radial swatches, 5 steps, 0 degrees
- Hues: split-complementary
- Contrast of its darkest and lightest colors: 2.7 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 | `#95277c` | `oklch(47.64% 0.1709 338.91)` | Haunted Purple | white, 7.3 to 1 |
| 2 | `#c75088` | `oklch(60.24% 0.1626 353.70)` | Sparkling Blueberry Lemonade | black, 4.9 to 1 |
| 3 | `#dd8679` | `oklch(70.87% 0.1089 29.63)` | Love Sceptre | black, 7.7 to 1 |
| 4 | `#5ba7a8` | `oklch(68.11% 0.0758 196.60)` | Emerald Succulent | black, 7.5 to 1 |
| 5 | `#007883` | `oklch(52.36% 0.0896 206.11)` | Aqua Nation | white, 5.2 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #95277c 0.000% 20.000%, #c75088 20.000% 40.000%, #dd8679 40.000% 60.000%, #5ba7a8 60.000% 80.000%, #007883 80.000% 100.000%);
background: radial-gradient(circle at 50% 50%, oklch(47.64% 0.1709 338.91) 0.000% 20.000%, oklch(60.24% 0.1626 353.70) 20.000% 40.000%, oklch(70.87% 0.1089 29.63) 40.000% 60.000%, oklch(68.11% 0.0758 196.60) 60.000% 80.000%, oklch(52.36% 0.0896 206.11) 80.000% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.476 | 0.171 | 338.9 |
| 2 | 0.602 | 0.163 | 353.7 |
| 3 | 0.709 | 0.109 | 389.6 |
| 4 | 0.681 | 0.076 | 556.6 |
| 5 | 0.524 | 0.09 | 566.1 |

## In these collections

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

## Other forms

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