# Lilac and emerald wisteria shadow wall

The Lilac and emerald wisteria shadow wall brings together light magenta, purple, green, and light green. 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 purple, and its lightest tone is light green.

- Also called: Lavender, purple and green linear swatches
- Seed: `kYwljkS8G_bIhv0yEK7zTa9WKkwC`
- Page: https://grabient.com/kYwljkS8G_bIhv0yEK7zTa9WKkwC?style=linearSwatches&steps=6
- Drawn as: linear swatches, 6 steps, 90 degrees
- Kinds: dark center
- Hues: complementary
- Contrast of its darkest and lightest colors: 5 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 | `#d598e2` | `oklch(76.38% 0.1213 320.63)` | Somewhere in a Fairytale | black, 9.4 to 1 |
| 2 | `#a855c5` | `oklch(59.45% 0.1805 316.40)` | Ripe Lavander | black, 4.7 to 1 |
| 3 | `#56366a` | `oklch(39.37% 0.0923 311.11)` | Purple Protégé | white, 9.8 to 1 |
| 4 | `#2c4e41` | `oklch(39.37% 0.0455 167.40)` | Hunt Club | white, 9.2 to 1 |
| 5 | `#3b9944` | `oklch(60.63% 0.1502 145.20)` | Kryptonite Green | black, 5.8 to 1 |
| 6 | `#8ac891` | `oklch(77.56% 0.1006 147.32)` | Good Luck Charm | black, 10.7 to 1 |

## CSS

```css
background: linear-gradient(90deg, #d598e2 0.000% 16.667%, #a855c5 16.667% 33.333%, #56366a 33.333% 50.000%, #2c4e41 50.000% 66.667%, #3b9944 66.667% 83.333%, #8ac891 83.333% 100.000%);
background: linear-gradient(90deg, oklch(76.38% 0.1213 320.63) 0.000% 16.667%, oklch(59.45% 0.1805 316.40) 16.667% 33.333%, oklch(39.37% 0.0923 311.11) 33.333% 50.000%, oklch(39.37% 0.0455 167.40) 50.000% 66.667%, oklch(60.63% 0.1502 145.20) 66.667% 83.333%, oklch(77.56% 0.1006 147.32) 83.333% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.764 | 0.121 | 320.6 |
| 2 | 0.594 | 0.181 | 316.4 |
| 3 | 0.394 | 0.092 | 311.1 |
| 4 | 0.394 | 0.045 | 167.4 |
| 5 | 0.606 | 0.15 | 145.2 |
| 6 | 0.776 | 0.101 | 147.3 |

## In these collections

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

## Other forms

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