# Periwinkle fading into dark earth

A diagonal gradient shifts from muted periwinkle through violet and dusty magenta, then moves across rust, ochre, and brown into near-black plum. Its angled route gives the cool haze a broad luminous passage before the earthy colors gather into a deep finish. Use it for speculative-fiction covers, moody hospitality branding, or cinematic title cards with room for light and dark typography.

- Also called: Tritone lavender, brown and dark purple linear gradient
- Seed: `kUxSDOSa1DMEZTyhjrSA`
- Page: https://grabient.com/kUxSDOSa1DMEZTyhjrSA?steps=32&angle=82
- Drawn as: linear gradient, 32 steps, 82 degrees
- Kinds: light to dark
- Hues: wide
- Contrast of its darkest and lightest colors: 7.6 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 | `#b5b2d1` | `oklch(77.56% 0.0441 289.69)` | Petunia Trail | black, 10.2 to 1 |
| 2 | `#b2add0` | `oklch(76.38% 0.0492 290.83)` | Lavender Dream | black, 9.8 to 1 |
| 3 | `#ada7cf` | `oklch(74.79% 0.0566 291.74)` | Violet Mix | black, 9.2 to 1 |
| 4 | `#a8a0ce` | `oklch(72.89% 0.0655 292.62)` | Imperial Lilac | black, 8.6 to 1 |
| 5 | `#a398cc` | `oklch(70.77% 0.0754 293.67)` | Gorgeous Hydrangea | black, 7.9 to 1 |
| 6 | `#9d8fca` | `oklch(68.52% 0.0858 295.08)` | Violet Tulip | black, 7.2 to 1 |
| 7 | `#9986c7` | `oklch(66.22% 0.0960 297.07)` | Petrified Purple | black, 6.5 to 1 |
| 8 | `#967dc3` | `oklch(63.96% 0.1054 299.82)` | Lavender Purple | black, 6 to 1 |
| 9 | `#9474bd` | `oklch(61.83% 0.1135 303.55)` | Viola | black, 5.4 to 1 |
| 10 | `#946bb6` | `oklch(59.92% 0.1197 308.45)` | Viola | black, 5 to 1 |
| 11 | `#9663ad` | `oklch(58.32% 0.1234 314.73)` | Empire Violet | black, 4.6 to 1 |
| 12 | `#9a5ca2` | `oklch(57.11% 0.1242 323.06)` | Heath Spotted Orchid | white, 4.7 to 1 |
| 13 | `#a05792` | `oklch(56.26% 0.1225 334.66)` | Bermuda Onion | white, 4.9 to 1 |
| 14 | `#a5547f` | `oklch(55.67% 0.1187 348.79)` | Feminism | white, 5 to 1 |
| 15 | `#a8536a` | `oklch(55.28% 0.1134 4.56)` | China Rose | white, 5 to 1 |
| 16 | `#a75656` | `oklch(54.98% 0.1068 21.09)` | Lingonberry Punch | white, 5.1 to 1 |
| 17 | `#a25a45` | `oklch(54.71% 0.0996 37.47)` | Sierra | white, 5.1 to 1 |
| 18 | `#99603a` | `oklch(54.37% 0.0920 52.84)` | Toffee Crunch | white, 5.1 to 1 |
| 19 | `#906435` | `oklch(53.87% 0.0846 66.30)` | Oregon Hazel | white, 5.1 to 1 |
| 20 | `#866635` | `oklch(53.15% 0.0778 76.95)` | Dirt Brown | white, 5.3 to 1 |
| 21 | `#7d6636` | `oklch(52.10% 0.0720 83.93)` | Dirt Brown | white, 5.5 to 1 |
| 22 | `#766235` | `oklch(50.64% 0.0676 86.34)` | Twig Basket | white, 5.8 to 1 |
| 23 | `#715d33` | `oklch(48.69% 0.0637 84.00)` | Moss Brown | white, 6.3 to 1 |
| 24 | `#6c5531` | `oklch(46.32% 0.0600 77.71)` | Ancient Olive | white, 7 to 1 |
| 25 | `#664c2e` | `oklch(43.65% 0.0566 68.34)` | Dallas | white, 7.9 to 1 |
| 26 | `#60422c` | `oklch(40.79% 0.0534 56.76)` | Irish Coffee | white, 9 to 1 |
| 27 | `#59392c` | `oklch(37.88% 0.0505 43.86)` | Terra Brun | white, 10.2 to 1 |
| 28 | `#51312b` | `oklch(35.01% 0.0479 30.49)` | Espresso | white, 11.5 to 1 |
| 29 | `#482a2b` | `oklch(32.31% 0.0455 17.54)` | Rookwood Dark Red | white, 12.7 to 1 |
| 30 | `#40242a` | `oklch(29.89% 0.0433 5.88)` | Nisemurasaki Purple | white, 13.9 to 1 |
| 31 | `#392029` | `oklch(27.88% 0.0415 356.38)` | Temptress | white, 14.9 to 1 |
| 32 | `#341d28` | `oklch(26.38% 0.0400 349.92)` | Antique Burgundy | white, 15.6 to 1 |

## CSS

```css
background: linear-gradient(82deg, #b5b2d1 0.0%, #b2add0 3.2%, #ada7cf 6.5%, #a8a0ce 9.7%, #a398cc 12.9%, #9d8fca 16.1%, #9986c7 19.4%, #967dc3 22.6%, #9474bd 25.8%, #946bb6 29.0%, #9663ad 32.3%, #9a5ca2 35.5%, #a05792 38.7%, #a5547f 41.9%, #a8536a 45.2%, #a75656 48.4%, #a25a45 51.6%, #99603a 54.8%, #906435 58.1%, #866635 61.3%, #7d6636 64.5%, #766235 67.7%, #715d33 71.0%, #6c5531 74.2%, #664c2e 77.4%, #60422c 80.6%, #59392c 83.9%, #51312b 87.1%, #482a2b 90.3%, #40242a 93.5%, #392029 96.8%, #341d28 100.0%);
background: linear-gradient(82deg in oklch, oklch(77.56% 0.0441 289.69) 0.0%, oklch(76.38% 0.0492 290.83) 3.2%, oklch(74.79% 0.0566 291.74) 6.5%, oklch(72.89% 0.0655 292.62) 9.7%, oklch(70.77% 0.0754 293.67) 12.9%, oklch(68.52% 0.0858 295.08) 16.1%, oklch(66.22% 0.0960 297.07) 19.4%, oklch(63.96% 0.1054 299.82) 22.6%, oklch(61.83% 0.1135 303.55) 25.8%, oklch(59.92% 0.1197 308.45) 29.0%, oklch(58.32% 0.1234 314.73) 32.3%, oklch(57.11% 0.1242 323.06) 35.5%, oklch(56.26% 0.1225 334.66) 38.7%, oklch(55.67% 0.1187 348.79) 41.9%, oklch(55.28% 0.1134 4.56) 45.2%, oklch(54.98% 0.1068 21.09) 48.4%, oklch(54.71% 0.0996 37.47) 51.6%, oklch(54.37% 0.0920 52.84) 54.8%, oklch(53.87% 0.0846 66.30) 58.1%, oklch(53.15% 0.0778 76.95) 61.3%, oklch(52.10% 0.0720 83.93) 64.5%, oklch(50.64% 0.0676 86.34) 67.7%, oklch(48.69% 0.0637 84.00) 71.0%, oklch(46.32% 0.0600 77.71) 74.2%, oklch(43.65% 0.0566 68.34) 77.4%, oklch(40.79% 0.0534 56.76) 80.6%, oklch(37.88% 0.0505 43.86) 83.9%, oklch(35.01% 0.0479 30.49) 87.1%, oklch(32.31% 0.0455 17.54) 90.3%, oklch(29.89% 0.0433 5.88) 93.5%, oklch(27.88% 0.0415 356.38) 96.8%, oklch(26.38% 0.0400 349.92) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.776 | 0.044 | 289.7 |
| 2 | 0.579 | 0.124 | 317.2 |
| 3 | 0.512 | 0.069 | 446.1 |
| 4 | 0.264 | 0.04 | 349.9 |

## In these collections

- [Mystic outlands](https://grabient.com/mystic-outlands)

## Other forms

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