# Lilac discord server banner palette

This palette moves from light purple to purple. It steadily darkens across a moderate lightness range, combining strong color with clear contrast. Its balanced and composed character suits community banners and social graphics, especially compositions that need a controlled shift between darker and lighter areas.

- Also called: Monochrome lavender to purple linear gradient
- Seed: `kUzjvi1L0_EJLvu1Qz6A`
- Page: https://grabient.com/kUzjvi1L0_EJLvu1Qz6A?steps=13
- Drawn as: linear gradient, 13 steps, 90 degrees
- Kinds: light to dark, monochrome
- Hues: analogous
- 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 | `#d8b1e3` | `oklch(81.10% 0.0813 318.52)` | Whisper of Plum | black, 11.3 to 1 |
| 2 | `#d3a5e3` | `oklch(78.48% 0.0980 317.21)` | Tropical Violet | black, 10.2 to 1 |
| 3 | `#cb95e2` | `oklch(74.73% 0.1222 315.35)` | Somewhere in a Fairytale | black, 8.9 to 1 |
| 4 | `#c082e1` | `oklch(70.52% 0.1477 313.22)` | Lavender Perceptions | black, 7.5 to 1 |
| 5 | `#b572de` | `oklch(66.54% 0.1681 311.12)` | Lavender | black, 6.4 to 1 |
| 6 | `#a963da` | `oklch(62.79% 0.1829 309.15)` | Violet Voltage | black, 5.4 to 1 |
| 7 | `#9c54d5` | `oklch(58.98% 0.1950 307.16)` | Morado Purple | black, 4.6 to 1 |
| 8 | `#8f46cf` | `oklch(55.31% 0.2036 305.03)` | Dreamscape Purple | white, 5.3 to 1 |
| 9 | `#823bc9` | `oklch(51.97% 0.2081 302.66)` | Purple Rain | white, 6.1 to 1 |
| 10 | `#7533c0` | `oklch(48.87% 0.2061 299.71)` | Sagat Purple | white, 7 to 1 |
| 11 | `#672fb7` | `oklch(45.94% 0.1989 296.32)` | Purple Emperor | white, 7.9 to 1 |
| 12 | `#5a2cad` | `oklch(43.47% 0.1903 293.20)` | Royalty | white, 8.7 to 1 |
| 13 | `#522aa6` | `oklch(41.73% 0.1846 291.04)` | Royalty | white, 9.3 to 1 |

## CSS

```css
background: linear-gradient(90deg, #d8b1e3 0.0%, #d3a5e3 8.3%, #cb95e2 16.7%, #c082e1 25.0%, #b572de 33.3%, #a963da 41.7%, #9c54d5 50.0%, #8f46cf 58.3%, #823bc9 66.7%, #7533c0 75.0%, #672fb7 83.3%, #5a2cad 91.7%, #522aa6 100.0%);
background: linear-gradient(90deg in oklch, oklch(81.10% 0.0813 318.52) 0.0%, oklch(78.48% 0.0980 317.21) 8.3%, oklch(74.73% 0.1222 315.35) 16.7%, oklch(70.52% 0.1477 313.22) 25.0%, oklch(66.54% 0.1681 311.12) 33.3%, oklch(62.79% 0.1829 309.15) 41.7%, oklch(58.98% 0.1950 307.16) 50.0%, oklch(55.31% 0.2036 305.03) 58.3%, oklch(51.97% 0.2081 302.66) 66.7%, oklch(48.87% 0.2061 299.71) 75.0%, oklch(45.94% 0.1989 296.32) 83.3%, oklch(43.47% 0.1903 293.20) 91.7%, oklch(41.73% 0.1846 291.04) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.811 | 0.081 | 318.5 |
| 2 | 0.665 | 0.168 | 311.1 |
| 3 | 0.52 | 0.208 | 302.7 |
| 4 | 0.417 | 0.185 | 291 |

## In these collections

- [Discord server banner gradients](https://grabient.com/discord-server-banner-gradients)

## Other forms

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