# Pale lavender and sage color palette

The Pale lavender and sage color palette brings together off-white, light purple, purple, and green. The colors span a broad lightness range, combining moderate color with clear contrast. Its balanced and composed character suits botanical branding and garden event graphics. Its darkest tone is purple, and its lightest tone is off-white.

- Also called: Gray, purple and green angular swatches
- Seed: `kW7g_bYZy_8opv0zpL9w5osw`
- Page: https://grabient.com/kW7g_bYZy_8opv0zpL9w5osw?style=angularSwatches&steps=5&angle=135
- Drawn as: angular swatches, 5 steps, 135 degrees
- Kinds: dark center
- Hues: monochromatic
- Contrast of its darkest and lightest colors: 7.7 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 | `#eee7f5` | `oklch(93.70% 0.0207 307.97)` | Tranquil Eve | black, 17.3 to 1 |
| 2 | `#c1a6db` | `oklch(76.77% 0.0785 307.97)` | Perfume | black, 9.7 to 1 |
| 3 | `#8969b3` | `oklch(58.27% 0.1144 302.68)` | Lavish Spending | black, 4.7 to 1 |
| 4 | `#513b78` | `oklch(40.55% 0.1006 298.46)` | Loden Purple | white, 9.3 to 1 |
| 5 | `#59764c` | `oklch(53.15% 0.0717 136.77)` | Willow Bough | white, 5 to 1 |

## CSS

```css
background: conic-gradient(from 135deg, #eee7f5 0.000% 20.000%, #c1a6db 20.000% 40.000%, #8969b3 40.000% 60.000%, #513b78 60.000% 80.000%, #59764c 80.000% 100.000%);
background: conic-gradient(from 135deg, oklch(93.70% 0.0207 307.97) 0.000% 20.000%, oklch(76.77% 0.0785 307.97) 20.000% 40.000%, oklch(58.27% 0.1144 302.68) 40.000% 60.000%, oklch(40.55% 0.1006 298.46) 60.000% 80.000%, oklch(53.15% 0.0717 136.77) 80.000% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.937 | 0.021 | 308 |
| 2 | 0.768 | 0.079 | 308 |
| 3 | 0.583 | 0.114 | 302.7 |
| 4 | 0.406 | 0.101 | 298.5 |
| 5 | 0.531 | 0.072 | 136.8 |

## In these collections

- [Muted multicolor swatches](https://grabient.com/muted-multicolor-swatches)
- [Spring swatches](https://grabient.com/spring-swatches)
- [Cottagecore swatches](https://grabient.com/cottagecore-swatches)
- [Floral swatches](https://grabient.com/floral-swatches)

## Other forms

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