# Pale lavender color palette

The Pale lavender color palette brings together off-white, pale purple, light purple, and purple. 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 purple, and its lightest tone is off-white.

- Also called: Monochrome white and purple linear swatches
- Seed: `kY-QfZdQ6_-wZwJiJMCVq8_Um6Ps`
- Page: https://grabient.com/kY-QfZdQ6_-wZwJiJMCVq8_Um6Ps?style=linearSwatches&steps=6
- Drawn as: linear swatches, 6 steps, 90 degrees
- Kinds: light to dark, pastel, light, monochrome
- Hues: analogous
- Contrast of its darkest and lightest colors: 4.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 | `#faf7fe` | `oklch(98.03% 0.0096 305.16)` | Ghost White | black, 19.7 to 1 |
| 2 | `#ebdffb` | `oklch(92.13% 0.0400 305.16)` | Lavender Savour | black, 16.4 to 1 |
| 3 | `#dcc2f1` | `oklch(85.04% 0.0703 310.44)` | Beefy Pink | black, 13 to 1 |
| 4 | `#cea1e1` | `oklch(77.17% 0.1006 315.72)` | Silver Rust | black, 9.8 to 1 |
| 5 | `#b280d4` | `oklch(68.11% 0.1295 310.44)` | Lavender Blossom | black, 6.9 to 1 |
| 6 | `#8b5fc8` | `oklch(57.87% 0.1598 300.93)` | Lusty Lavender | white, 4.6 to 1 |

## CSS

```css
background: linear-gradient(90deg, #faf7fe 0.000% 16.667%, #ebdffb 16.667% 33.333%, #dcc2f1 33.333% 50.000%, #cea1e1 50.000% 66.667%, #b280d4 66.667% 83.333%, #8b5fc8 83.333% 100.000%);
background: linear-gradient(90deg, oklch(98.03% 0.0096 305.16) 0.000% 16.667%, oklch(92.13% 0.0400 305.16) 16.667% 33.333%, oklch(85.04% 0.0703 310.44) 33.333% 50.000%, oklch(77.17% 0.1006 315.72) 50.000% 66.667%, oklch(68.11% 0.1295 310.44) 66.667% 83.333%, oklch(57.87% 0.1598 300.93) 83.333% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.98 | 0.01 | 305.2 |
| 2 | 0.921 | 0.04 | 305.2 |
| 3 | 0.85 | 0.07 | 310.4 |
| 4 | 0.772 | 0.101 | 315.7 |
| 5 | 0.681 | 0.13 | 310.4 |
| 6 | 0.579 | 0.16 | 300.9 |

## In these collections

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

## Other forms

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