# Dusty blue and magenta wisteria shadow wall

The Dusty blue and magenta wisteria shadow wall brings together blue, teal, green, light green, light gray, light magenta, and purple. The colors span a moderate lightness range, combining strong color with clear contrast. Its balanced and composed character suits brand mood boards and editorial graphics. Its darkest tone is blue, and its lightest tone is light green.

- Also called: Complementary gray, green and purple radial gradient
- Seed: `kcdyPKxIqztUfu7kKD76hu_uaEsVdrLoVMW_Y`
- Page: https://grabient.com/kcdyPKxIqztUfu7kKD76hu_uaEsVdrLoVMW_Y?style=radialGradient&steps=32&angle=315
- Drawn as: radial gradient, 32 steps, 315 degrees
- Kinds: light center, pastel
- Hues: complementary
- Contrast of its darkest and lightest colors: 4.2 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 | `#575775` | `oklch(46.85% 0.0482 284.77)` | The Fang | white, 6.9 to 1 |
| 2 | `#525d76` | `oklch(47.85% 0.0437 267.05)` | Vintage Indigo | white, 6.6 to 1 |
| 3 | `#4f6474` | `oklch(49.24% 0.0365 241.25)` | Slate | white, 6.1 to 1 |
| 4 | `#526b70` | `oklch(50.96% 0.0301 213.26)` | Distance | white, 5.6 to 1 |
| 5 | `#5a716f` | `oklch(52.99% 0.0278 188.99)` | Evening Emerald | white, 5.2 to 1 |
| 6 | `#5f7971` | `oklch(55.33% 0.0329 173.06)` | Refreshing Green | white, 4.7 to 1 |
| 7 | `#638473` | `oklch(58.16% 0.0452 162.34)` | Lorna | black, 5 to 1 |
| 8 | `#668f74` | `oklch(61.26% 0.0610 154.95)` | Laurel | black, 5.7 to 1 |
| 9 | `#6c9b74` | `oklch(64.40% 0.0766 149.48)` | Rosemary Green | black, 6.5 to 1 |
| 10 | `#74a574` | `oklch(67.33% 0.0881 144.58)` | Hierba Santa | black, 7.3 to 1 |
| 11 | `#7dae75` | `oklch(70.24% 0.0967 140.98)` | Organic Green | black, 8.2 to 1 |
| 12 | `#86b878` | `oklch(73.15% 0.1039 139.03)` | Colour Me Green | black, 9.1 to 1 |
| 13 | `#8ec17d` | `oklch(75.86% 0.1087 137.99)` | Grand Valley | black, 10 to 1 |
| 14 | `#96c982` | `oklch(78.18% 0.1104 137.13)` | Frenzy Plant | black, 10.9 to 1 |
| 15 | `#9cce89` | `oklch(79.99% 0.1083 137.45)` | Botanist | black, 11.6 to 1 |
| 16 | `#9dd395` | `oklch(81.43% 0.1024 141.12)` | Elfin Games | black, 12.2 to 1 |
| 17 | `#a1d69f` | `oklch(82.51% 0.0939 144.07)` | Green Trance | black, 12.6 to 1 |
| 18 | `#aad6a4` | `oklch(83.20% 0.0836 141.87)` | Pistachio Green | black, 12.8 to 1 |
| 19 | `#bad3a2` | `oklch(83.51% 0.0722 130.02)` | In Good Taste | black, 12.9 to 1 |
| 20 | `#cdcba3` | `oklch(83.34% 0.0543 105.48)` | Crisp Celery | black, 12.6 to 1 |
| 21 | `#d4c4af` | `oklch(82.77% 0.0336 73.47)` | Casual Khaki | black, 12.3 to 1 |
| 22 | `#cec0bb` | `oklch(81.91% 0.0171 40.72)` | Musk Dusk | black, 11.9 to 1 |
| 23 | `#c8bdbe` | `oklch(80.87% 0.0118 14.00)` | Wallis | black, 11.5 to 1 |
| 24 | `#cab7bd` | `oklch(79.61% 0.0234 356.11)` | High Society | black, 10.9 to 1 |
| 25 | `#cfacc0` | `oklch(78.04% 0.0485 342.69)` | Winsome Orchid | black, 10.2 to 1 |
| 26 | `#d1a0c8` | `oklch(76.31% 0.0795 332.66)` | Geranium Bud | black, 9.5 to 1 |
| 27 | `#d094d3` | `oklch(74.57% 0.1092 325.05)` | Somewhere in a Fairytale | black, 8.8 to 1 |
| 28 | `#cb8bdb` | `oklch(72.91% 0.1312 319.18)` | Blush Essence | black, 8.2 to 1 |
| 29 | `#c782e0` | `oklch(71.09% 0.1504 316.52)` | Lavender Perceptions | black, 7.6 to 1 |
| 30 | `#c478e1` | `oklch(69.25% 0.1674 316.25)` | Fake Love | black, 7 to 1 |
| 31 | `#c36ee0` | `oklch(67.66% 0.1815 316.94)` | Purple Snail | black, 6.6 to 1 |
| 32 | `#c267e0` | `oklch(66.54% 0.1915 317.17)` | Blueberry Glaze | black, 6.2 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #575775 0.0%, #525d76 3.2%, #4f6474 6.5%, #526b70 9.7%, #5a716f 12.9%, #5f7971 16.1%, #638473 19.4%, #668f74 22.6%, #6c9b74 25.8%, #74a574 29.0%, #7dae75 32.3%, #86b878 35.5%, #8ec17d 38.7%, #96c982 41.9%, #9cce89 45.2%, #9dd395 48.4%, #a1d69f 51.6%, #aad6a4 54.8%, #bad3a2 58.1%, #cdcba3 61.3%, #d4c4af 64.5%, #cec0bb 67.7%, #c8bdbe 71.0%, #cab7bd 74.2%, #cfacc0 77.4%, #d1a0c8 80.6%, #d094d3 83.9%, #cb8bdb 87.1%, #c782e0 90.3%, #c478e1 93.5%, #c36ee0 96.8%, #c267e0 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(46.85% 0.0482 284.77) 0.0%, oklch(47.85% 0.0437 267.05) 3.2%, oklch(49.24% 0.0365 241.25) 6.5%, oklch(50.96% 0.0301 213.26) 9.7%, oklch(52.99% 0.0278 188.99) 12.9%, oklch(55.33% 0.0329 173.06) 16.1%, oklch(58.16% 0.0452 162.34) 19.4%, oklch(61.26% 0.0610 154.95) 22.6%, oklch(64.40% 0.0766 149.48) 25.8%, oklch(67.33% 0.0881 144.58) 29.0%, oklch(70.24% 0.0967 140.98) 32.3%, oklch(73.15% 0.1039 139.03) 35.5%, oklch(75.86% 0.1087 137.99) 38.7%, oklch(78.18% 0.1104 137.13) 41.9%, oklch(79.99% 0.1083 137.45) 45.2%, oklch(81.43% 0.1024 141.12) 48.4%, oklch(82.51% 0.0939 144.07) 51.6%, oklch(83.20% 0.0836 141.87) 54.8%, oklch(83.51% 0.0722 130.02) 58.1%, oklch(83.34% 0.0543 105.48) 61.3%, oklch(82.77% 0.0336 73.47) 64.5%, oklch(81.91% 0.0171 40.72) 67.7%, oklch(80.87% 0.0118 14.00) 71.0%, oklch(79.61% 0.0234 356.11) 74.2%, oklch(78.04% 0.0485 342.69) 77.4%, oklch(76.31% 0.0795 332.66) 80.6%, oklch(74.57% 0.1092 325.05) 83.9%, oklch(72.91% 0.1312 319.18) 87.1%, oklch(71.09% 0.1504 316.52) 90.3%, oklch(69.25% 0.1674 316.25) 93.5%, oklch(67.66% 0.1815 316.94) 96.8%, oklch(66.54% 0.1915 317.17) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.469 | 0.048 | 284.8 |
| 2 | 0.539 | 0.029 | 181.2 |
| 3 | 0.669 | 0.087 | 145.3 |
| 4 | 0.787 | 0.11 | 136.8 |
| 5 | 0.835 | 0.076 | 134.7 |
| 6 | 0.807 | 0.012 | 11.1 |
| 7 | 0.736 | 0.123 | -38.6 |
| 8 | 0.665 | 0.192 | -42.8 |

## In these collections

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

## Other forms

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