# Lavender Linen Pastel Stripes

These five diagonal bands move through blue-gray, warm taupe, pale periwinkle, muted yellow-green, and cream beige. The subtle value steps keep the set calm while preserving distinct roles for text panels, borders, icons, and accents. Use them for textile graphics, stationery, packaging, presentations, or understated editorial layouts.

- Also called: Pastel gray and blue linear swatches
- Seed: `kWvBGMY4-zOYfrDulau8wo7Y`
- Page: https://grabient.com/kWvBGMY4-zOYfrDulau8wo7Y?style=linearSwatches&steps=5&angle=60
- Drawn as: linear swatches, 5 steps, 60 degrees
- Kinds: pastel, light
- Hues: triadic
- Contrast of its darkest and lightest colors: 1.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 | `#9bb0b0` | `oklch(74.02% 0.0234 196.87)` | Stormy Bay | black, 9.2 to 1 |
| 2 | `#c3b89a` | `oklch(78.35% 0.0427 89.09)` | Distant Valley | black, 10.6 to 1 |
| 3 | `#b5b8f6` | `oklch(80.31% 0.0868 282.12)` | Purple Illusion | black, 11.1 to 1 |
| 4 | `#d5d9ac` | `oklch(87.01% 0.0593 110.93)` | Sunlit Leaf | black, 14.3 to 1 |
| 5 | `#ebddcc` | `oklch(90.55% 0.0276 72.88)` | Skeleton | black, 15.8 to 1 |

## CSS

```css
background: linear-gradient(60deg, #9bb0b0 0.000% 20.000%, #c3b89a 20.000% 40.000%, #b5b8f6 40.000% 60.000%, #d5d9ac 60.000% 80.000%, #ebddcc 80.000% 100.000%);
background: linear-gradient(60deg, oklch(74.02% 0.0234 196.87) 0.000% 20.000%, oklch(78.35% 0.0427 89.09) 20.000% 40.000%, oklch(80.31% 0.0868 282.12) 40.000% 60.000%, oklch(87.01% 0.0593 110.93) 60.000% 80.000%, oklch(90.55% 0.0276 72.88) 80.000% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.74 | 0.023 | 196.9 |
| 2 | 0.783 | 0.043 | 89.1 |
| 3 | 0.803 | 0.087 | -77.9 |
| 4 | 0.87 | 0.059 | -249.1 |
| 5 | 0.906 | 0.028 | -287.1 |

## In these collections

- [Pastel swatches](https://grabient.com/pastel-swatches)

## Other forms

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