# Pale lavender monochromatic palette

The Pale lavender monochromatic palette brings together pale purple, light purple, purple, and dark purple. The colors span a broad 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 purple, and its lightest tone is pale purple.

- Also called: Analogous lavender, purple and navy linear swatches
- Seed: `kW6h3UZKDANA9v44Nr-nR0_g`
- Page: https://grabient.com/kW6h3UZKDANA9v44Nr-nR0_g?style=linearSwatches&steps=5
- Drawn as: linear swatches, 5 steps, 90 degrees
- Kinds: light to dark, vivid, cool
- Hues: monochromatic
- Contrast of its darkest and lightest colors: 13.5 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 | `#e8e0fd` | `oklch(92.13% 0.0400 298.13)` | Stoic White | black, 16.4 to 1 |
| 2 | `#c4aeec` | `oklch(79.13% 0.0896 300.24)` | Purple Sand | black, 10.6 to 1 |
| 3 | `#966ee1` | `oklch(62.99% 0.1695 297.07)` | Matt Purple | black, 5.6 to 1 |
| 4 | `#5b3b9b` | `oklch(44.09% 0.1502 294.95)` | Ruthless Empress | white, 8.2 to 1 |
| 5 | `#1e123e` | `oklch(22.83% 0.0799 291.78)` | Prune Plum | white, 17.3 to 1 |

## CSS

```css
background: linear-gradient(90deg, #e8e0fd 0.000% 20.000%, #c4aeec 20.000% 40.000%, #966ee1 40.000% 60.000%, #5b3b9b 60.000% 80.000%, #1e123e 80.000% 100.000%);
background: linear-gradient(90deg, oklch(92.13% 0.0400 298.13) 0.000% 20.000%, oklch(79.13% 0.0896 300.24) 20.000% 40.000%, oklch(62.99% 0.1695 297.07) 40.000% 60.000%, oklch(44.09% 0.1502 294.95) 60.000% 80.000%, oklch(22.83% 0.0799 291.78) 80.000% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.921 | 0.04 | 298.1 |
| 2 | 0.791 | 0.09 | 300.2 |
| 3 | 0.63 | 0.169 | 297.1 |
| 4 | 0.441 | 0.15 | 295 |
| 5 | 0.228 | 0.08 | 291.8 |

## In these collections

- [Monochromatic swatches](https://grabient.com/monochromatic-swatches)

## Other forms

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