# Coral, emerald and lavender color palette

The Coral, emerald and lavender color palette brings together red, yellow, green, blue, and light purple. The colors span a narrow lightness range, combining strong color with gentle contrast. Its light and open character suits stationery systems and print layouts. Its darkest tone is blue, and its lightest tone is yellow.

- Also called: Rainbow from salmon to purple radial swatches
- Seed: `kWtYQQcbzIeE2xhWPs0W0HFI`
- Page: https://grabient.com/kWtYQQcbzIeE2xhWPs0W0HFI?style=radialSwatches&steps=5&angle=0
- Drawn as: radial swatches, 5 steps, 0 degrees
- Kinds: vivid, rainbow
- Hues: triadic
- Contrast of its darkest and lightest colors: 2.1 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 | `#ff6c6c` | `oklch(71.26% 0.1805 22.50)` | Pompelmo | black, 7.5 to 1 |
| 2 | `#ffd943` | `oklch(89.37% 0.1636 94.36)` | Exploding Star | black, 15.2 to 1 |
| 3 | `#6ccb76` | `oklch(76.38% 0.1502 146.14)` | Snow Pea | black, 10.4 to 1 |
| 4 | `#4b96ff` | `oklch(67.72% 0.1722 257.10)` | Polar Glow | black, 7.1 to 1 |
| 5 | `#b885ff` | `oklch(71.65% 0.1775 301.48)` | Lilac Geode | black, 7.8 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #ff6c6c 0.000% 20.000%, #ffd943 20.000% 40.000%, #6ccb76 40.000% 60.000%, #4b96ff 60.000% 80.000%, #b885ff 80.000% 100.000%);
background: radial-gradient(circle at 50% 50%, oklch(71.26% 0.1805 22.50) 0.000% 20.000%, oklch(89.37% 0.1636 94.36) 20.000% 40.000%, oklch(76.38% 0.1502 146.14) 40.000% 60.000%, oklch(67.72% 0.1722 257.10) 60.000% 80.000%, oklch(71.65% 0.1775 301.48) 80.000% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.713 | 0.182 | 22.5 |
| 2 | 0.894 | 0.167 | 94.4 |
| 3 | 0.764 | 0.15 | 146.1 |
| 4 | 0.677 | 0.172 | 257.1 |
| 5 | 0.717 | 0.181 | 301.5 |

## In these collections

- [Back to school swatches](https://grabient.com/back-to-school-swatches)
- [Happy swatches](https://grabient.com/happy-swatches)

## Other forms

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