# Blue and stone wisteria shadow wall palette

The Blue and stone wisteria shadow wall palette brings together dark blue, blue, light blue, and light magenta. The colors span a broad lightness range, combining moderate color with clear contrast. Its balanced and composed character suits brand mood boards and editorial graphics. Its darkest tone is dark blue, and its lightest tone is light blue.

- Also called: Navy to gray linear gradient
- Seed: `kYR0DKL6I_EiYvbhErx7Qm_2mKzA`
- Page: https://grabient.com/kYR0DKL6I_EiYvbhErx7Qm_2mKzA?steps=32&angle=135
- Drawn as: linear gradient, 32 steps, 135 degrees
- Kinds: dark to light, muted, cool
- Hues: analogous
- Contrast of its darkest and lightest colors: 9.8 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 | `#252052` | `oklch(27.95% 0.0882 284.06)` | Spacescape | white, 14.9 to 1 |
| 2 | `#272255` | `oklch(28.83% 0.0891 283.42)` | Spacescape | white, 14.5 to 1 |
| 3 | `#292559` | `oklch(29.94% 0.0907 282.63)` | Cluedo Night | white, 14 to 1 |
| 4 | `#2b285e` | `oklch(31.30% 0.0924 281.66)` | Deep Breath | white, 13.3 to 1 |
| 5 | `#2e2d64` | `oklch(32.91% 0.0939 280.45)` | Galaxea | white, 12.5 to 1 |
| 6 | `#31326a` | `oklch(34.79% 0.0945 278.94)` | Deep Koamaru | white, 11.6 to 1 |
| 7 | `#343970` | `oklch(36.94% 0.0940 277.08)` | Spirit Blue | white, 10.7 to 1 |
| 8 | `#384177` | `oklch(39.44% 0.0918 274.86)` | British Mauve | white, 9.6 to 1 |
| 9 | `#3e4a7e` | `oklch(42.38% 0.0881 272.31)` | Expressionism | white, 8.4 to 1 |
| 10 | `#445486` | `oklch(45.62% 0.0835 269.46)` | Blue Jewel | white, 7.3 to 1 |
| 11 | `#4c5f8d` | `oklch(49.03% 0.0784 266.31)` | Indigo Navy Blue | white, 6.3 to 1 |
| 12 | `#546a95` | `oklch(52.47% 0.0734 262.88)` | UCLA Blue | white, 5.4 to 1 |
| 13 | `#5b759d` | `oklch(55.81% 0.0690 259.19)` | Quiet Harbour | white, 4.6 to 1 |
| 14 | `#637fa4` | `oklch(59.01% 0.0656 255.08)` | Blue Boater | black, 5.1 to 1 |
| 15 | `#6a8aac` | `oklch(62.34% 0.0628 250.05)` | Pale Flower | black, 5.8 to 1 |
| 16 | `#7296b4` | `oklch(65.71% 0.0603 244.53)` | Ocean Ridge | black, 6.7 to 1 |
| 17 | `#7aa1bc` | `oklch(69.00% 0.0580 238.99)` | Ocean Surf | black, 7.6 to 1 |
| 18 | `#83abc3` | `oklch(72.11% 0.0556 233.93)` | Arabella | black, 8.5 to 1 |
| 19 | `#8cb5c9` | `oklch(74.90% 0.0529 229.84)` | Pond Blue | black, 9.5 to 1 |
| 20 | `#94bcce` | `oklch(77.29% 0.0496 226.98)` | Reef Blue | black, 10.3 to 1 |
| 21 | `#9dc3d2` | `oklch(79.42% 0.0454 223.84)` | June | black, 11.1 to 1 |
| 22 | `#a6c9d5` | `oklch(81.31% 0.0407 220.82)` | Vast Sky | black, 11.8 to 1 |
| 23 | `#aecdd7` | `oklch(82.94% 0.0360 218.85)` | Hisoku Blue | black, 12.5 to 1 |
| 24 | `#b6d1d9` | `oklch(84.27% 0.0316 218.88)` | Shrubby Lichen | black, 13 to 1 |
| 25 | `#bcd3dc` | `oklch(85.28% 0.0281 221.86)` | Light Salt Spray | black, 13.5 to 1 |
| 26 | `#c0d4de` | `oklch(85.92% 0.0259 228.79)` | Winterscape | black, 13.7 to 1 |
| 27 | `#c3d4e0` | `oklch(86.02% 0.0250 241.87)` | Light Cameo Blue | black, 13.7 to 1 |
| 28 | `#c6d1e1` | `oklch(85.64% 0.0252 259.89)` | Pale Periwinkle | black, 13.5 to 1 |
| 29 | `#caccdf` | `oklch(84.96% 0.0261 280.25)` | Blueberry Mist | black, 13.2 to 1 |
| 30 | `#cec7db` | `oklch(84.19% 0.0273 300.37)` | Angel Kiss | black, 12.8 to 1 |
| 31 | `#d1c3d5` | `oklch(83.49% 0.0283 317.65)` | Seedless Grape | black, 12.5 to 1 |
| 32 | `#d3c1d1` | `oklch(83.07% 0.0289 329.50)` | Purple White | black, 12.3 to 1 |

## CSS

```css
background: linear-gradient(135deg, #252052 0.0%, #272255 3.2%, #292559 6.5%, #2b285e 9.7%, #2e2d64 12.9%, #31326a 16.1%, #343970 19.4%, #384177 22.6%, #3e4a7e 25.8%, #445486 29.0%, #4c5f8d 32.3%, #546a95 35.5%, #5b759d 38.7%, #637fa4 41.9%, #6a8aac 45.2%, #7296b4 48.4%, #7aa1bc 51.6%, #83abc3 54.8%, #8cb5c9 58.1%, #94bcce 61.3%, #9dc3d2 64.5%, #a6c9d5 67.7%, #aecdd7 71.0%, #b6d1d9 74.2%, #bcd3dc 77.4%, #c0d4de 80.6%, #c3d4e0 83.9%, #c6d1e1 87.1%, #caccdf 90.3%, #cec7db 93.5%, #d1c3d5 96.8%, #d3c1d1 100.0%);
background: linear-gradient(135deg in oklch, oklch(27.95% 0.0882 284.06) 0.0%, oklch(28.83% 0.0891 283.42) 3.2%, oklch(29.94% 0.0907 282.63) 6.5%, oklch(31.30% 0.0924 281.66) 9.7%, oklch(32.91% 0.0939 280.45) 12.9%, oklch(34.79% 0.0945 278.94) 16.1%, oklch(36.94% 0.0940 277.08) 19.4%, oklch(39.44% 0.0918 274.86) 22.6%, oklch(42.38% 0.0881 272.31) 25.8%, oklch(45.62% 0.0835 269.46) 29.0%, oklch(49.03% 0.0784 266.31) 32.3%, oklch(52.47% 0.0734 262.88) 35.5%, oklch(55.81% 0.0690 259.19) 38.7%, oklch(59.01% 0.0656 255.08) 41.9%, oklch(62.34% 0.0628 250.05) 45.2%, oklch(65.71% 0.0603 244.53) 48.4%, oklch(69.00% 0.0580 238.99) 51.6%, oklch(72.11% 0.0556 233.93) 54.8%, oklch(74.90% 0.0529 229.84) 58.1%, oklch(77.29% 0.0496 226.98) 61.3%, oklch(79.42% 0.0454 223.84) 64.5%, oklch(81.31% 0.0407 220.82) 67.7%, oklch(82.94% 0.0360 218.85) 71.0%, oklch(84.27% 0.0316 218.88) 74.2%, oklch(85.28% 0.0281 221.86) 77.4%, oklch(85.92% 0.0259 228.79) 80.6%, oklch(86.02% 0.0250 241.87) 83.9%, oklch(85.64% 0.0252 259.89) 87.1%, oklch(84.96% 0.0261 280.25) 90.3%, oklch(84.19% 0.0273 300.37) 93.5%, oklch(83.49% 0.0283 317.65) 96.8%, oklch(83.07% 0.0289 329.50) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.28 | 0.088 | 284.1 |
| 2 | 0.374 | 0.094 | 276.7 |
| 3 | 0.571 | 0.068 | 257.6 |
| 4 | 0.764 | 0.051 | 228.1 |
| 5 | 0.858 | 0.026 | 227 |
| 6 | 0.831 | 0.029 | 329.5 |

## In these collections

- [Wisteria shadow wall](https://grabient.com/wisteria-shadow-wall)

## Other forms

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