# Lavender color palette

The Lavender color palette brings together light purple, purple, off-white, and pale purple. The colors span a broad lightness range, combining moderate color with clear contrast. Its balanced and composed character suits invitation suites and ceremony stationery. Its darkest tone is purple, and its lightest tone is off-white.

- Also called: Lavender, purple and gray radial swatches
- Seed: `kWxDvazKi_SwgP72BU_dAwxY`
- Page: https://grabient.com/kWxDvazKi_SwgP72BU_dAwxY?style=radialSwatches&steps=5&angle=0
- Drawn as: radial swatches, 5 steps, 0 degrees
- Kinds: dark center
- Hues: monochromatic
- Contrast of its darkest and lightest colors: 9.6 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 | `#c2a7de` | `oklch(77.17% 0.0813 307.27)` | Perfume | black, 9.9 to 1 |
| 2 | `#8d70b8` | `oklch(60.24% 0.1116 301.98)` | Middle Blue Purple | black, 5.1 to 1 |
| 3 | `#412d60` | `oklch(34.65% 0.0882 299.87)` | Jakarta Skyline | white, 11.8 to 1 |
| 4 | `#ede6de` | `oklch(92.91% 0.0138 74.08)` | Angora Goat | black, 17 to 1 |
| 5 | `#eaddf3` | `oklch(91.34% 0.0331 311.49)` | Lingering Lilac | black, 16 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #c2a7de 0.000% 20.000%, #8d70b8 20.000% 40.000%, #412d60 40.000% 60.000%, #ede6de 60.000% 80.000%, #eaddf3 80.000% 100.000%);
background: radial-gradient(circle at 50% 50%, oklch(77.17% 0.0813 307.27) 0.000% 20.000%, oklch(60.24% 0.1116 301.98) 20.000% 40.000%, oklch(34.65% 0.0882 299.87) 40.000% 60.000%, oklch(92.91% 0.0138 74.08) 60.000% 80.000%, oklch(91.34% 0.0331 311.49) 80.000% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.772 | 0.081 | 307.3 |
| 2 | 0.602 | 0.112 | 302 |
| 3 | 0.346 | 0.088 | 299.9 |
| 4 | 0.929 | 0.014 | 434.1 |
| 5 | 0.913 | 0.033 | 311.5 |

## In these collections

- [Paper lantern dusk](https://grabient.com/paper-lantern-dusk)
- [Lavender](https://grabient.com/lavender)
- [Spring garden wedding](https://grabient.com/spring-garden-wedding)
- [Composition notebook doodles](https://grabient.com/composition-notebook-doodles)

## Other forms

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