# Blue and violet wallpaper palette

The Blue and violet wallpaper palette brings together dark blue, pale magenta, and purple. The colors span a broad lightness range, combining moderate color with clear contrast. Its balanced and composed character suits stationery systems and print layouts. Its darkest tone is dark blue, and its lightest tone is pale magenta.

- Also called: Analogous navy, gray and purple linear gradient
- Seed: `kWNR_L8A5E1Ckvo3Ir4I5y-o`
- Page: https://grabient.com/kWNR_L8A5E1Ckvo3Ir4I5y-o?steps=32&angle=135
- Drawn as: linear gradient, 32 steps, 135 degrees
- Kinds: light center, muted
- Hues: analogous
- Contrast of its darkest and lightest colors: 12.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 | `#17152b` | `oklch(20.87% 0.0427 286.17)` | Sambucus | white, 17.8 to 1 |
| 2 | `#262339` | `oklch(26.93% 0.0419 289.86)` | Cold Steel | white, 15.2 to 1 |
| 3 | `#3e3850` | `oklch(35.73% 0.0403 295.19)` | Maharaja | white, 11.1 to 1 |
| 4 | `#5c546b` | `oklch(46.26% 0.0384 301.56)` | Arraign | white, 7.1 to 1 |
| 5 | `#7f738a` | `oklch(57.48% 0.0366 308.36)` | Batik Lilac | black, 4.7 to 1 |
| 6 | `#a293a9` | `oklch(68.37% 0.0353 314.99)` | Fields of Provence | black, 7.2 to 1 |
| 7 | `#c2b0c5` | `oklch(77.89% 0.0351 320.84)` | Really Romantic | black, 10.3 to 1 |
| 8 | `#dbc6db` | `oklch(85.03% 0.0364 325.31)` | Euphoric Lilac | black, 13.1 to 1 |
| 9 | `#e9d1e8` | `oklch(88.78% 0.0396 327.81)` | Lilacs in Spring | black, 14.7 to 1 |
| 10 | `#eed2eb` | `oklch(89.36% 0.0456 328.55)` | Scented Spring | black, 15 to 1 |
| 11 | `#eacae8` | `oklch(87.58% 0.0538 328.00)` | Sugar High | black, 14.1 to 1 |
| 12 | `#e1bde1` | `oklch(84.06% 0.0634 326.46)` | Romantic Ballad | black, 12.5 to 1 |
| 13 | `#d4acd7` | `oklch(79.42% 0.0735 324.25)` | Whisper of Plum | black, 10.7 to 1 |
| 14 | `#c59bcb` | `oklch(74.28% 0.0833 321.69)` | Pastel Violet | black, 8.8 to 1 |
| 15 | `#b58ac1` | `oklch(69.28% 0.0918 319.07)` | Creeping Bellflower | black, 7.3 to 1 |
| 16 | `#a77cb7` | `oklch(65.03% 0.0984 316.73)` | Berries Galore | black, 6.2 to 1 |
| 17 | `#9d73b0` | `oklch(61.95% 0.1022 314.85)` | Purple Pride | black, 5.5 to 1 |
| 18 | `#936baa` | `oklch(59.13% 0.1039 312.88)` | Knight Elf | black, 4.9 to 1 |
| 19 | `#8963a3` | `oklch(56.39% 0.1042 310.77)` | Chive Blossom | white, 4.7 to 1 |
| 20 | `#7f5c9c` | `oklch(53.73% 0.1033 308.59)` | Sonic Plum | white, 5.3 to 1 |
| 21 | `#755694` | `oklch(51.15% 0.1016 306.40)` | Juneberry | white, 5.9 to 1 |
| 22 | `#6c508d` | `oklch(48.65% 0.0995 304.25)` | Pure Mauve | white, 6.6 to 1 |
| 23 | `#634a86` | `oklch(46.23% 0.0973 302.21)` | Violet Majesty | white, 7.3 to 1 |
| 24 | `#5b447e` | `oklch(43.88% 0.0955 300.34)` | In the Vines | white, 8.1 to 1 |
| 25 | `#533f78` | `oklch(41.57% 0.0938 298.63)` | Raw Amethyst | white, 8.9 to 1 |
| 26 | `#4b3970` | `oklch(39.22% 0.0918 296.96)` | Meteorite | white, 9.8 to 1 |
| 27 | `#443469` | `oklch(36.89% 0.0894 295.34)` | Minsk | white, 10.8 to 1 |
| 28 | `#3d2f62` | `oklch(34.65% 0.0868 293.82)` | Minsk | white, 11.8 to 1 |
| 29 | `#362a5b` | `oklch(32.56% 0.0842 292.42)` | Purple Noir | white, 12.7 to 1 |
| 30 | `#312655` | `oklch(30.71% 0.0819 291.19)` | Ceremonial Purple | white, 13.6 to 1 |
| 31 | `#2c2350` | `oklch(29.15% 0.0799 290.15)` | Pāua | white, 14.3 to 1 |
| 32 | `#29204c` | `oklch(27.95% 0.0785 289.34)` | Elderberry | white, 14.9 to 1 |

## CSS

```css
background: linear-gradient(135deg, #17152b 0.0%, #262339 3.2%, #3e3850 6.5%, #5c546b 9.7%, #7f738a 12.9%, #a293a9 16.1%, #c2b0c5 19.4%, #dbc6db 22.6%, #e9d1e8 25.8%, #eed2eb 29.0%, #eacae8 32.3%, #e1bde1 35.5%, #d4acd7 38.7%, #c59bcb 41.9%, #b58ac1 45.2%, #a77cb7 48.4%, #9d73b0 51.6%, #936baa 54.8%, #8963a3 58.1%, #7f5c9c 61.3%, #755694 64.5%, #6c508d 67.7%, #634a86 71.0%, #5b447e 74.2%, #533f78 77.4%, #4b3970 80.6%, #443469 83.9%, #3d2f62 87.1%, #362a5b 90.3%, #312655 93.5%, #2c2350 96.8%, #29204c 100.0%);
background: linear-gradient(135deg in oklch, oklch(20.87% 0.0427 286.17) 0.0%, oklch(26.93% 0.0419 289.86) 3.2%, oklch(35.73% 0.0403 295.19) 6.5%, oklch(46.26% 0.0384 301.56) 9.7%, oklch(57.48% 0.0366 308.36) 12.9%, oklch(68.37% 0.0353 314.99) 16.1%, oklch(77.89% 0.0351 320.84) 19.4%, oklch(85.03% 0.0364 325.31) 22.6%, oklch(88.78% 0.0396 327.81) 25.8%, oklch(89.36% 0.0456 328.55) 29.0%, oklch(87.58% 0.0538 328.00) 32.3%, oklch(84.06% 0.0634 326.46) 35.5%, oklch(79.42% 0.0735 324.25) 38.7%, oklch(74.28% 0.0833 321.69) 41.9%, oklch(69.28% 0.0918 319.07) 45.2%, oklch(65.03% 0.0984 316.73) 48.4%, oklch(61.95% 0.1022 314.85) 51.6%, oklch(59.13% 0.1039 312.88) 54.8%, oklch(56.39% 0.1042 310.77) 58.1%, oklch(53.73% 0.1033 308.59) 61.3%, oklch(51.15% 0.1016 306.40) 64.5%, oklch(48.65% 0.0995 304.25) 67.7%, oklch(46.23% 0.0973 302.21) 71.0%, oklch(43.88% 0.0955 300.34) 74.2%, oklch(41.57% 0.0938 298.63) 77.4%, oklch(39.22% 0.0918 296.96) 80.6%, oklch(36.89% 0.0894 295.34) 83.9%, oklch(34.65% 0.0868 293.82) 87.1%, oklch(32.56% 0.0842 292.42) 90.3%, oklch(30.71% 0.0819 291.19) 93.5%, oklch(29.15% 0.0799 290.15) 96.8%, oklch(27.95% 0.0785 289.34) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.209 | 0.043 | 286.2 |
| 2 | 0.882 | 0.039 | 327.4 |
| 3 | 0.634 | 0.101 | 315.8 |
| 4 | 0.433 | 0.095 | 299.9 |
| 5 | 0.28 | 0.079 | 289.3 |

## In these collections

- [Wallpaper gradients](https://grabient.com/wallpaper-gradients)

## Other forms

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