# Lilac Sage Spring Glow

A soft radial gradient centers on luminous lilac, passes through periwinkle and misty blue, and settles into fresh sage green. The balanced floral and leafy colors suit spring announcements, gentle packaging, editorial backgrounds, invitations, and calm interface panels that need a colorful focus without hard contrast.

- Also called: Pastel tritone lavender, blue and green radial gradient
- Seed: `kU5Rrc2SC-9kXNXtIrUg`
- Page: https://grabient.com/kU5Rrc2SC-9kXNXtIrUg?style=radialGradient&steps=32&angle=0
- Drawn as: radial gradient, 32 steps, 0 degrees
- Kinds: pastel, multicolor
- Hues: wide
- Contrast of its darkest and lightest colors: 2.1 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 | `#e6d8f1` | `oklch(90.16% 0.0358 310.08)` | Pouty Purple | black, 15.4 to 1 |
| 2 | `#e2d4ee` | `oklch(88.92% 0.0392 309.93)` | Light Purity | black, 14.8 to 1 |
| 3 | `#decdeb` | `oklch(87.23% 0.0441 310.19)` | Plum’s the Word | black, 14 to 1 |
| 4 | `#d9c6e7` | `oklch(85.20% 0.0499 310.64)` | Foggy Love | black, 13.1 to 1 |
| 5 | `#d3bde3` | `oklch(82.92% 0.0564 311.11)` | York Plum | black, 12.1 to 1 |
| 6 | `#cdb4de` | `oklch(80.52% 0.0632 311.38)` | Sea Lavender | black, 11.2 to 1 |
| 7 | `#c6abd9` | `oklch(78.10% 0.0699 311.28)` | Darling Lilac | black, 10.2 to 1 |
| 8 | `#c0a3d5` | `oklch(75.78% 0.0763 310.59)` | Enchanted Lavender | black, 9.4 to 1 |
| 9 | `#b99cd1` | `oklch(73.65% 0.0818 309.13)` | Turnip Crown | black, 8.7 to 1 |
| 10 | `#b296cf` | `oklch(71.83% 0.0862 306.71)` | Biloba Flower | black, 8.1 to 1 |
| 11 | `#ab92ce` | `oklch(70.43% 0.0890 303.11)` | Fleur-De-Lis | black, 7.7 to 1 |
| 12 | `#a491ce` | `oklch(69.48% 0.0900 298.17)` | Distinct Purple | black, 7.4 to 1 |
| 13 | `#9b91ce` | `oklch(68.77% 0.0892 291.89)` | Distinct Purple | black, 7.3 to 1 |
| 14 | `#9392cd` | `oklch(68.26% 0.0871 284.47)` | Fast Velvet | black, 7.2 to 1 |
| 15 | `#8a94cc` | `oklch(67.96% 0.0838 276.14)` | Fast Velvet | black, 7.1 to 1 |
| 16 | `#8297ca` | `oklch(67.83% 0.0799 267.11)` | Purple Gentian | black, 7.1 to 1 |
| 17 | `#7b9ac7` | `oklch(67.89% 0.0757 257.58)` | Della Robbia Blue | black, 7.2 to 1 |
| 18 | `#759dc3` | `oklch(68.10% 0.0716 247.77)` | Blue Promise | black, 7.3 to 1 |
| 19 | `#71a0bf` | `oklch(68.46% 0.0680 237.90)` | Air Superiority Blue | black, 7.5 to 1 |
| 20 | `#70a4bb` | `oklch(68.97% 0.0652 228.17)` | Estuary Blue | black, 7.6 to 1 |
| 21 | `#6fa7b8` | `oklch(69.60% 0.0636 218.80)` | Blue Chiffon | black, 7.9 to 1 |
| 22 | `#6fabb5` | `oklch(70.36% 0.0635 209.91)` | Smoky Mountain Spring | black, 8.1 to 1 |
| 23 | `#71b0b3` | `oklch(71.45% 0.0649 200.57)` | Venice Escape | black, 8.5 to 1 |
| 24 | `#74b5b1` | `oklch(72.88% 0.0673 190.68)` | Spring Water Turquoise | black, 9 to 1 |
| 25 | `#79bcaf` | `oklch(74.55% 0.0704 180.49)` | Mintnight | black, 9.5 to 1 |
| 26 | `#81c2ab` | `oklch(76.37% 0.0742 170.26)` | Gauss Blaster Green | black, 10.2 to 1 |
| 27 | `#8bc8a7` | `oklch(78.27% 0.0783 160.22)` | Park Green Flat | black, 10.9 to 1 |
| 28 | `#98cea3` | `oklch(80.15% 0.0825 150.65)` | Garden Goddess | black, 11.6 to 1 |
| 29 | `#a5d39f` | `oklch(81.94% 0.0865 141.78)` | Pistachio Green | black, 12.3 to 1 |
| 30 | `#b1d69a` | `oklch(83.53% 0.0901 133.88)` | Witty Green | black, 13 to 1 |
| 31 | `#bdd997` | `oklch(84.86% 0.0930 127.19)` | Lickety Split | black, 13.5 to 1 |
| 32 | `#c6db94` | `oklch(85.83% 0.0951 121.98)` | Lickety Split | black, 13.9 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #e6d8f1 0.0%, #e2d4ee 3.2%, #decdeb 6.5%, #d9c6e7 9.7%, #d3bde3 12.9%, #cdb4de 16.1%, #c6abd9 19.4%, #c0a3d5 22.6%, #b99cd1 25.8%, #b296cf 29.0%, #ab92ce 32.3%, #a491ce 35.5%, #9b91ce 38.7%, #9392cd 41.9%, #8a94cc 45.2%, #8297ca 48.4%, #7b9ac7 51.6%, #759dc3 54.8%, #71a0bf 58.1%, #70a4bb 61.3%, #6fa7b8 64.5%, #6fabb5 67.7%, #71b0b3 71.0%, #74b5b1 74.2%, #79bcaf 77.4%, #81c2ab 80.6%, #8bc8a7 83.9%, #98cea3 87.1%, #a5d39f 90.3%, #b1d69a 93.5%, #bdd997 96.8%, #c6db94 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(90.16% 0.0358 310.08) 0.0%, oklch(88.92% 0.0392 309.93) 3.2%, oklch(87.23% 0.0441 310.19) 6.5%, oklch(85.20% 0.0499 310.64) 9.7%, oklch(82.92% 0.0564 311.11) 12.9%, oklch(80.52% 0.0632 311.38) 16.1%, oklch(78.10% 0.0699 311.28) 19.4%, oklch(75.78% 0.0763 310.59) 22.6%, oklch(73.65% 0.0818 309.13) 25.8%, oklch(71.83% 0.0862 306.71) 29.0%, oklch(70.43% 0.0890 303.11) 32.3%, oklch(69.48% 0.0900 298.17) 35.5%, oklch(68.77% 0.0892 291.89) 38.7%, oklch(68.26% 0.0871 284.47) 41.9%, oklch(67.96% 0.0838 276.14) 45.2%, oklch(67.83% 0.0799 267.11) 48.4%, oklch(67.89% 0.0757 257.58) 51.6%, oklch(68.10% 0.0716 247.77) 54.8%, oklch(68.46% 0.0680 237.90) 58.1%, oklch(68.97% 0.0652 228.17) 61.3%, oklch(69.60% 0.0636 218.80) 64.5%, oklch(70.36% 0.0635 209.91) 67.7%, oklch(71.45% 0.0649 200.57) 71.0%, oklch(72.88% 0.0673 190.68) 74.2%, oklch(74.55% 0.0704 180.49) 77.4%, oklch(76.37% 0.0742 170.26) 80.6%, oklch(78.27% 0.0783 160.22) 83.9%, oklch(80.15% 0.0825 150.65) 87.1%, oklch(81.94% 0.0865 141.78) 90.3%, oklch(83.53% 0.0901 133.88) 93.5%, oklch(84.86% 0.0930 127.19) 96.8%, oklch(85.83% 0.0951 121.98) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.902 | 0.036 | 310.1 |
| 2 | 0.701 | 0.09 | 301.6 |
| 3 | 0.701 | 0.063 | 212.9 |
| 4 | 0.858 | 0.095 | 122 |

## In these collections

- [Spring gradients](https://grabient.com/spring-gradients)

## Other forms

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