# Lavender color palette

The Lavender color palette brings together purple, magenta, and dark magenta. The colors span a moderate lightness range, combining strong color with clear contrast. Its bold and dramatic character suits brand mood boards and editorial graphics. Its darkest tone is dark magenta, and its lightest tone is purple.

- Also called: Vivid monochrome purple linear swatches
- Seed: `kWsGzfyDjB7g9wSsNkBIqu-g`
- Page: https://grabient.com/kWsGzfyDjB7g9wSsNkBIqu-g?style=linearSwatches&steps=13
- Drawn as: linear swatches, 13 steps, 90 degrees
- Kinds: light to dark, vivid, warm, monochrome
- Hues: analogous
- Contrast of its darkest and lightest colors: 5.3 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 | `#be7edc` | `oklch(69.29% 0.1488 314.30)` | Lavender Blossom | black, 7.1 to 1 |
| 2 | `#b971cc` | `oklch(66.03% 0.1503 318.92)` | Lavendless | black, 6.3 to 1 |
| 3 | `#b160b5` | `oklch(61.36% 0.1526 325.41)` | Royalty Loyalty | black, 5.2 to 1 |
| 4 | `#a84ea0` | `oklch(56.69% 0.1557 331.20)` | Orchid Dottyback | white, 4.9 to 1 |
| 5 | `#9f3d8d` | `oklch(52.38% 0.1611 335.47)` | Wild Aster | white, 5.9 to 1 |
| 6 | `#962b7c` | `oklch(48.06% 0.1672 339.03)` | Hollyhock | white, 7.1 to 1 |
| 7 | `#8b196d` | `oklch(44.09% 0.1695 341.77)` | Bane of Royalty | white, 8.5 to 1 |
| 8 | `#800b5f` | `oklch(40.64% 0.1655 343.93)` | Xereus Purple | white, 9.8 to 1 |
| 9 | `#750253` | `oklch(37.53% 0.1576 345.26)` | Velvet | white, 11.1 to 1 |
| 10 | `#69004b` | `oklch(34.66% 0.1474 344.96)` | Tyrian Purple | white, 12.3 to 1 |
| 11 | `#5b0045` | `oklch(31.75% 0.1369 341.75)` | Royal Ash | white, 13.6 to 1 |
| 12 | `#4f0042` | `oklch(29.03% 0.1277 336.88)` | Royal Ash | white, 14.9 to 1 |
| 13 | `#46013f` | `oklch(27.17% 0.1199 333.32)` | Eggplant | white, 15.7 to 1 |

## CSS

```css
background: linear-gradient(90deg, #be7edc 0.000% 7.692%, #b971cc 7.692% 15.385%, #b160b5 15.385% 23.077%, #a84ea0 23.077% 30.769%, #9f3d8d 30.769% 38.462%, #962b7c 38.462% 46.154%, #8b196d 46.154% 53.846%, #800b5f 53.846% 61.538%, #750253 61.538% 69.231%, #69004b 69.231% 76.923%, #5b0045 76.923% 84.615%, #4f0042 84.615% 92.308%, #46013f 92.308% 100.000%);
background: linear-gradient(90deg, oklch(69.29% 0.1488 314.30) 0.000% 7.692%, oklch(66.03% 0.1503 318.92) 7.692% 15.385%, oklch(61.36% 0.1526 325.41) 15.385% 23.077%, oklch(56.69% 0.1557 331.20) 23.077% 30.769%, oklch(52.38% 0.1611 335.47) 30.769% 38.462%, oklch(48.06% 0.1672 339.03) 38.462% 46.154%, oklch(44.09% 0.1695 341.77) 46.154% 53.846%, oklch(40.64% 0.1655 343.93) 53.846% 61.538%, oklch(37.53% 0.1576 345.26) 61.538% 69.231%, oklch(34.66% 0.1474 344.96) 69.231% 76.923%, oklch(31.75% 0.1369 341.75) 76.923% 84.615%, oklch(29.03% 0.1277 336.88) 84.615% 92.308%, oklch(27.17% 0.1199 333.32) 92.308% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.693 | 0.149 | 314.3 |
| 2 | 0.567 | 0.156 | 331.2 |
| 3 | 0.441 | 0.169 | 341.8 |
| 4 | 0.346 | 0.149 | 344.9 |
| 5 | 0.272 | 0.12 | 333.3 |

## In these collections

- [Purple and pink swatches](https://grabient.com/purple-and-pink-swatches)
- [Pink swatches](https://grabient.com/pink-swatches)

## Other forms

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