# Lavender, coral and lime color palette

The Lavender, coral and lime color palette brings together light purple, magenta, light magenta, light red, light yellow, and light green. The colors span a narrow lightness range, combining strong color with gentle contrast. Its light and open character suits botanical branding and garden event graphics. Its darkest tone is magenta, and its lightest tone is light green.

- Also called: Lavender, pink and light green angular swatches
- Seed: `kYsmbdWELB9u4QlinUWaiPI-2sQk`
- Page: https://grabient.com/kYsmbdWELB9u4QlinUWaiPI-2sQk?style=angularSwatches&steps=13&angle=135
- Drawn as: angular swatches, 13 steps, 135 degrees
- Kinds: multicolor
- Hues: complementary
- Contrast of its darkest and lightest colors: 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 | `#ba84df` | `oklch(70.08% 0.1406 310.78)` | Lavender Blossom | black, 7.4 to 1 |
| 2 | `#c47bde` | `oklch(69.63% 0.1589 316.47)` | Lavender Perceptions | black, 7.2 to 1 |
| 3 | `#d16fd9` | `oklch(69.23% 0.1798 324.49)` | French Mauve | black, 7 to 1 |
| 4 | `#dc6dcf` | `oklch(69.67% 0.1821 331.84)` | Pink Orchid | black, 7.1 to 1 |
| 5 | `#e372c4` | `oklch(70.79% 0.1700 338.92)` | Explicit Pink | black, 7.4 to 1 |
| 6 | `#ea7bb2` | `oklch(72.41% 0.1494 350.68)` | Fuchsia Blush | black, 7.9 to 1 |
| 7 | `#ea8d9f` | `oklch(74.61% 0.1142 8.04)` | Peony | black, 8.8 to 1 |
| 8 | `#e5a195` | `oklch(77.08% 0.0830 30.27)` | Rose Dusk | black, 9.8 to 1 |
| 9 | `#e2b189` | `oklch(79.62% 0.0788 60.64)` | Soft Skills | black, 10.9 to 1 |
| 10 | `#d6c580` | `oklch(82.20% 0.0908 95.66)` | Wine Yellow | black, 12.1 to 1 |
| 11 | `#c4d487` | `oklch(84.14% 0.1017 118.23)` | Zucchini Noodles | black, 13.1 to 1 |
| 12 | `#bbdd8c` | `oklch(85.43% 0.1129 127.38)` | Pancotto Pugliese | black, 13.8 to 1 |
| 13 | `#b5e28e` | `oklch(86.22% 0.1213 131.49)` | Sage Sensation | black, 14.2 to 1 |

## CSS

```css
background: conic-gradient(from 135deg, #ba84df 0.000% 7.692%, #c47bde 7.692% 15.385%, #d16fd9 15.385% 23.077%, #dc6dcf 23.077% 30.769%, #e372c4 30.769% 38.462%, #ea7bb2 38.462% 46.154%, #ea8d9f 46.154% 53.846%, #e5a195 53.846% 61.538%, #e2b189 61.538% 69.231%, #d6c580 69.231% 76.923%, #c4d487 76.923% 84.615%, #bbdd8c 84.615% 92.308%, #b5e28e 92.308% 100.000%);
background: conic-gradient(from 135deg, oklch(70.08% 0.1406 310.78) 0.000% 7.692%, oklch(69.63% 0.1589 316.47) 7.692% 15.385%, oklch(69.23% 0.1798 324.49) 15.385% 23.077%, oklch(69.67% 0.1821 331.84) 23.077% 30.769%, oklch(70.79% 0.1700 338.92) 30.769% 38.462%, oklch(72.41% 0.1494 350.68) 38.462% 46.154%, oklch(74.61% 0.1142 8.04) 46.154% 53.846%, oklch(77.08% 0.0830 30.27) 53.846% 61.538%, oklch(79.62% 0.0788 60.64) 61.538% 69.231%, oklch(82.20% 0.0908 95.66) 69.231% 76.923%, oklch(84.14% 0.1017 118.23) 76.923% 84.615%, oklch(85.43% 0.1129 127.38) 84.615% 92.308%, oklch(86.22% 0.1213 131.49) 92.308% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.701 | 0.141 | 310.8 |
| 2 | 0.693 | 0.183 | 327.7 |
| 3 | 0.72 | 0.154 | 347.8 |
| 4 | 0.776 | 0.08 | 395.3 |
| 5 | 0.835 | 0.098 | 471.4 |
| 6 | 0.862 | 0.121 | 491.5 |

## In these collections

- [Garden swatches](https://grabient.com/garden-swatches)
- [Floral swatches](https://grabient.com/floral-swatches)

## Other forms

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