# Lilac Linen and Pewter

The Stone and champagne lavender palette brings together light purple, gray, and pale orange. The colors span a narrow lightness range, combining moderate color with gentle contrast. Its light and open character suits brand mood boards and editorial graphics. Its darkest tone is gray, and its lightest tone is pale orange.

- Also called: Pastel monochrome lavender and gray linear swatches
- Seed: `kUtjra6xRAlQHOzyCVPA`
- Page: https://grabient.com/kUtjra6xRAlQHOzyCVPA?style=linearSwatches&steps=4
- Drawn as: linear swatches, 4 steps, 90 degrees
- Kinds: pastel, monochrome
- Hues: monochromatic
- Contrast of its darkest and lightest colors: 2.2 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 | `#b197cb` | `oklch(71.65% 0.0799 307.27)` | Biloba Flower | black, 8.1 to 1 |
| 2 | `#d8c2e6` | `oklch(84.25% 0.0551 312.55)` | Sky Blue Pink | black, 12.7 to 1 |
| 3 | `#8e929f` | `oklch(66.14% 0.0193 272.39)` | Lilac Fields | black, 6.7 to 1 |
| 4 | `#e6dccb` | `oklch(89.76% 0.0248 80.42)` | Varnished Ivory | black, 15.4 to 1 |

## CSS

```css
background: linear-gradient(90deg, #b197cb 0.000% 25.000%, #d8c2e6 25.000% 50.000%, #8e929f 50.000% 75.000%, #e6dccb 75.000% 100.000%);
background: linear-gradient(90deg, oklch(71.65% 0.0799 307.27) 0.000% 25.000%, oklch(84.25% 0.0551 312.55) 25.000% 50.000%, oklch(66.14% 0.0193 272.39) 50.000% 75.000%, oklch(89.76% 0.0248 80.42) 75.000% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.717 | 0.08 | 307.3 |
| 2 | 0.843 | 0.055 | 312.5 |
| 3 | 0.661 | 0.019 | 272.4 |
| 4 | 0.898 | 0.025 | 440.4 |

## In these collections

- [Lavender](https://grabient.com/lavender)

## Other forms

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