# Lavender Smoke Blue Gradient

Pale lavender flows into muted violet, indigo, and smoky blue-gray with a calm, even transition. The cool palette feels powdery, atmospheric, quiet, and refined, while the deeper end adds useful contrast. It works for fragrance graphics, editorial backgrounds, and sleep-product packaging, pairing a light lavender area with deeper blue and violet tones.

- Also called: Muted analogous lavender to navy linear gradient
- Seed: `kU4hrYTyZALqbvCmDsAA`
- Page: https://grabient.com/kU4hrYTyZALqbvCmDsAA?steps=32&angle=135
- Drawn as: linear gradient, 32 steps, 135 degrees
- Kinds: light to dark, muted
- Hues: analogous
- Contrast of its darkest and lightest colors: 9.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 | `#dfd5ef` | `oklch(88.98% 0.0358 303.75)` | Japan Blush | black, 14.9 to 1 |
| 2 | `#dbd0ec` | `oklch(87.40% 0.0402 304.01)` | Plum’s the Word | black, 14.1 to 1 |
| 3 | `#d5c8e8` | `oklch(85.32% 0.0463 304.54)` | Foggy Love | black, 13.2 to 1 |
| 4 | `#cfbfe3` | `oklch(82.84% 0.0537 305.22)` | York Plum | black, 12.1 to 1 |
| 5 | `#c8b4de` | `oklch(80.07% 0.0620 305.97)` | Sea Lavender | black, 11 to 1 |
| 6 | `#c0a9d9` | `oklch(77.11% 0.0706 306.68)` | Perfume | black, 9.9 to 1 |
| 7 | `#b89ed2` | `oklch(74.05% 0.0792 307.26)` | Purple Premiere | black, 8.8 to 1 |
| 8 | `#b093cc` | `oklch(71.00% 0.0873 307.61)` | Cut Velvet | black, 7.9 to 1 |
| 9 | `#a889c6` | `oklch(68.06% 0.0944 307.63)` | Classic Bouquet | black, 7 to 1 |
| 10 | `#a07fc0` | `oklch(65.33% 0.1001 307.23)` | Lilac Purple | black, 6.3 to 1 |
| 11 | `#9978bb` | `oklch(62.92% 0.1039 306.31)` | Lavender Purple | black, 5.7 to 1 |
| 12 | `#9172b6` | `oklch(60.86% 0.1056 304.71)` | Violet Frog | black, 5.2 to 1 |
| 13 | `#896db1` | `oklch(59.00% 0.1057 302.31)` | Fairy Wren | black, 4.9 to 1 |
| 14 | `#8169ad` | `oklch(57.28% 0.1044 299.27)` | Wintertime Mauve | white, 4.5 to 1 |
| 15 | `#7966a8` | `oklch(55.69% 0.1020 295.78)` | Genestealer Purple | white, 4.8 to 1 |
| 16 | `#7164a4` | `oklch(54.19% 0.0987 292.01)` | Scampi | white, 5.1 to 1 |
| 17 | `#69619f` | `oklch(52.76% 0.0948 288.14)` | Scampi | white, 5.4 to 1 |
| 18 | `#615f99` | `oklch(51.36% 0.0905 284.36)` | Wizard’s Potion | white, 5.8 to 1 |
| 19 | `#5a5d93` | `oklch(49.97% 0.0862 280.85)` | Persian Plush | white, 6.1 to 1 |
| 20 | `#545a8d` | `oklch(48.55% 0.0819 277.78)` | Midnight Sea | white, 6.5 to 1 |
| 21 | `#4f5787` | `oklch(47.08% 0.0780 275.35)` | Rich Violet | white, 6.9 to 1 |
| 22 | `#4a5380` | `oklch(45.53% 0.0747 273.70)` | Mozart | white, 7.3 to 1 |
| 23 | `#454f7a` | `oklch(43.86% 0.0712 272.70)` | Skipper Blue | white, 7.9 to 1 |
| 24 | `#414b72` | `oklch(42.10% 0.0675 272.20)` | Takaka | white, 8.5 to 1 |
| 25 | `#3c466b` | `oklch(40.29% 0.0635 272.11)` | Starlit Night | white, 9.1 to 1 |
| 26 | `#394163` | `oklch(38.47% 0.0594 272.34)` | Church Blue | white, 9.9 to 1 |
| 27 | `#353d5c` | `oklch(36.69% 0.0554 272.80)` | Mangosteen | white, 10.6 to 1 |
| 28 | `#323956` | `oklch(35.00% 0.0515 273.38)` | Mediaeval Blue | white, 11.3 to 1 |
| 29 | `#2f354f` | `oklch(33.43% 0.0479 274.01)` | Tiě Hēi Metal | white, 12.1 to 1 |
| 30 | `#2c314a` | `oklch(32.03% 0.0447 274.58)` | Ahoy | white, 12.7 to 1 |
| 31 | `#2a2e45` | `oklch(30.85% 0.0420 275.02)` | Sea Going | white, 13.3 to 1 |
| 32 | `#282c42` | `oklch(29.92% 0.0400 275.22)` | Valhalla | white, 13.7 to 1 |

## CSS

```css
background: linear-gradient(135deg, #dfd5ef 0.0%, #dbd0ec 3.2%, #d5c8e8 6.5%, #cfbfe3 9.7%, #c8b4de 12.9%, #c0a9d9 16.1%, #b89ed2 19.4%, #b093cc 22.6%, #a889c6 25.8%, #a07fc0 29.0%, #9978bb 32.3%, #9172b6 35.5%, #896db1 38.7%, #8169ad 41.9%, #7966a8 45.2%, #7164a4 48.4%, #69619f 51.6%, #615f99 54.8%, #5a5d93 58.1%, #545a8d 61.3%, #4f5787 64.5%, #4a5380 67.7%, #454f7a 71.0%, #414b72 74.2%, #3c466b 77.4%, #394163 80.6%, #353d5c 83.9%, #323956 87.1%, #2f354f 90.3%, #2c314a 93.5%, #2a2e45 96.8%, #282c42 100.0%);
background: linear-gradient(135deg in oklch, oklch(88.98% 0.0358 303.75) 0.0%, oklch(87.40% 0.0402 304.01) 3.2%, oklch(85.32% 0.0463 304.54) 6.5%, oklch(82.84% 0.0537 305.22) 9.7%, oklch(80.07% 0.0620 305.97) 12.9%, oklch(77.11% 0.0706 306.68) 16.1%, oklch(74.05% 0.0792 307.26) 19.4%, oklch(71.00% 0.0873 307.61) 22.6%, oklch(68.06% 0.0944 307.63) 25.8%, oklch(65.33% 0.1001 307.23) 29.0%, oklch(62.92% 0.1039 306.31) 32.3%, oklch(60.86% 0.1056 304.71) 35.5%, oklch(59.00% 0.1057 302.31) 38.7%, oklch(57.28% 0.1044 299.27) 41.9%, oklch(55.69% 0.1020 295.78) 45.2%, oklch(54.19% 0.0987 292.01) 48.4%, oklch(52.76% 0.0948 288.14) 51.6%, oklch(51.36% 0.0905 284.36) 54.8%, oklch(49.97% 0.0862 280.85) 58.1%, oklch(48.55% 0.0819 277.78) 61.3%, oklch(47.08% 0.0780 275.35) 64.5%, oklch(45.53% 0.0747 273.70) 67.7%, oklch(43.86% 0.0712 272.70) 71.0%, oklch(42.10% 0.0675 272.20) 74.2%, oklch(40.29% 0.0635 272.11) 77.4%, oklch(38.47% 0.0594 272.34) 80.6%, oklch(36.69% 0.0554 272.80) 83.9%, oklch(35.00% 0.0515 273.38) 87.1%, oklch(33.43% 0.0479 274.01) 90.3%, oklch(32.03% 0.0447 274.58) 93.5%, oklch(30.85% 0.0420 275.02) 96.8%, oklch(29.92% 0.0400 275.22) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.89 | 0.036 | 303.8 |
| 2 | 0.622 | 0.105 | 305.9 |
| 3 | 0.461 | 0.076 | 274.2 |
| 4 | 0.299 | 0.04 | 275.2 |

## In these collections

- [Scent stacking palettes](https://grabient.com/scent-stacking-palettes)

## Other forms

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