# Coral, lavender and stone color palette

The Coral, lavender and stone color palette brings together light red, light purple, blue, and light green. The colors span a moderate lightness range, combining moderate color with gentle contrast. Its light and open character suits seasonal campaigns and event graphics. Its darkest tone is blue, and its lightest tone is light red.

- Also called: Pink, lavender and gray linear swatches
- Seed: `kWwEIS7pBA1yaNVGpT4bY6rw`
- Page: https://grabient.com/kWwEIS7pBA1yaNVGpT4bY6rw?style=linearSwatches&steps=5&angle=180
- Drawn as: linear swatches, 5 steps, 180 degrees
- Kinds: pastel
- Hues: two-hue
- Contrast of its darkest and lightest colors: 3.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 | `#e49992` | `oklch(75.59% 0.0909 26.02)` | Strawberry Rose | black, 9.2 to 1 |
| 2 | `#f0cbc2` | `oklch(87.01% 0.0441 33.41)` | Oleander | black, 13.9 to 1 |
| 3 | `#b09dcd` | `oklch(72.83% 0.0717 303.59)` | Purple Rose | black, 8.5 to 1 |
| 4 | `#7069ab` | `oklch(55.51% 0.1020 287.74)` | Clear Mauve | white, 4.8 to 1 |
| 5 | `#cfd6b8` | `oklch(86.22% 0.0400 117.60)` | Meadow Mist | black, 13.9 to 1 |

## CSS

```css
background: linear-gradient(180deg, #e49992 0.000% 20.000%, #f0cbc2 20.000% 40.000%, #b09dcd 40.000% 60.000%, #7069ab 60.000% 80.000%, #cfd6b8 80.000% 100.000%);
background: linear-gradient(180deg, oklch(75.59% 0.0909 26.02) 0.000% 20.000%, oklch(87.01% 0.0441 33.41) 20.000% 40.000%, oklch(72.83% 0.0717 303.59) 40.000% 60.000%, oklch(55.51% 0.1020 287.74) 60.000% 80.000%, oklch(86.22% 0.0400 117.60) 80.000% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.756 | 0.091 | 26 |
| 2 | 0.87 | 0.044 | 33.4 |
| 3 | 0.728 | 0.072 | -56.4 |
| 4 | 0.555 | 0.102 | -72.3 |
| 5 | 0.862 | 0.04 | -242.4 |

## In these collections

- [Spring swatches](https://grabient.com/spring-swatches)
- [Soft swatches](https://grabient.com/soft-swatches)

## Other forms

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