# Iridescent Lilac Aqua Veil

Dark lilac flows through periwinkle, glass blue, aqua, and pale pearl in a smooth diagonal gradient. The layered cool refraction suits interface panels, app onboarding screens, translucent cards, presentation backgrounds, and product pages that need a polished iridescent field with enough tonal range for foreground content.

- Also called: Navy to lavender linear gradient
- Seed: `kUQzfSwq5AV6ZtVxkEyg`
- Page: https://grabient.com/kUQzfSwq5AV6ZtVxkEyg?steps=40&angle=135
- Drawn as: linear gradient, 40 steps, 135 degrees
- Kinds: dark to light
- Hues: wide
- Contrast of its darkest and lightest colors: 11.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 | `#291b45` | `oklch(26.38% 0.0758 296.02)` | Azulado | white, 15.7 to 1 |
| 2 | `#2c1d49` | `oklch(27.54% 0.0783 296.41)` | Elderberry | white, 15.1 to 1 |
| 3 | `#30204e` | `oklch(28.98% 0.0819 297.26)` | Elderberry | white, 14.5 to 1 |
| 4 | `#362354` | `oklch(30.68% 0.0863 298.44)` | Stormy Night | white, 13.7 to 1 |
| 5 | `#3c275b` | `oklch(32.59% 0.0912 299.80)` | Stormy Night | white, 12.8 to 1 |
| 6 | `#432b63` | `oklch(34.66% 0.0966 301.24)` | Violet Indigo | white, 11.9 to 1 |
| 7 | `#4a2f6b` | `oklch(36.86% 0.1021 302.60)` | Violet Indigo | white, 10.9 to 1 |
| 8 | `#523474` | `oklch(39.14% 0.1075 303.76)` | Prism Violet | white, 10 to 1 |
| 9 | `#5a397c` | `oklch(41.47% 0.1127 304.59)` | Tillandsia Purple | white, 9.1 to 1 |
| 10 | `#613e85` | `oklch(43.81% 0.1173 304.96)` | Tillandsia Purple | white, 8.2 to 1 |
| 11 | `#68448e` | `oklch(46.10% 0.1213 304.74)` | Lords of the Night | white, 7.5 to 1 |
| 12 | `#6e4a97` | `oklch(48.32% 0.1243 303.79)` | Parfait d’Amour | white, 6.8 to 1 |
| 13 | `#7250a0` | `oklch(50.42% 0.1262 301.98)` | Studio | white, 6.2 to 1 |
| 14 | `#7557a8` | `oklch(52.36% 0.1268 299.19)` | Prophet Violet | white, 5.7 to 1 |
| 15 | `#755eb0` | `oklch(54.21% 0.1259 294.78)` | Simply Purple | white, 5.2 to 1 |
| 16 | `#7367b8` | `oklch(56.04% 0.1237 288.51)` | Ultra Violet | white, 4.8 to 1 |
| 17 | `#6e70bf` | `oklch(57.86% 0.1205 280.76)` | Purple Toolbox | black, 4.7 to 1 |
| 18 | `#677ac4` | `oklch(59.67% 0.1163 271.93)` | Ultramarine Blue | black, 5.1 to 1 |
| 19 | `#6083c7` | `oklch(61.45% 0.1115 262.42)` | Bodega Bay | black, 5.5 to 1 |
| 20 | `#598dc8` | `oklch(63.21% 0.1061 252.62)` | Provence | black, 6 to 1 |
| 21 | `#5496c7` | `oklch(64.93% 0.1005 242.93)` | Blue Paradise | black, 6.5 to 1 |
| 22 | `#539ec5` | `oklch(66.63% 0.0947 233.75)` | Blue Grotto | black, 7 to 1 |
| 23 | `#56a5c3` | `oklch(68.28% 0.0889 225.48)` | Surgical | black, 7.5 to 1 |
| 24 | `#5dabc1` | `oklch(69.89% 0.0834 218.50)` | Blue Mist | black, 8 to 1 |
| 25 | `#65b0c0` | `oklch(71.45% 0.0784 213.23)` | Finnish Fiord | black, 8.5 to 1 |
| 26 | `#6db5c1` | `oklch(72.96% 0.0739 210.05)` | Riverside Blue | black, 9 to 1 |
| 27 | `#75b9c4` | `oklch(74.41% 0.0703 209.36)` | Tropez Blue | black, 9.4 to 1 |
| 28 | `#7dbcc9` | `oklch(75.83% 0.0672 211.47)` | Azure Lake | black, 9.9 to 1 |
| 29 | `#85c0cf` | `oklch(77.25% 0.0643 216.14)` | Aftercare | black, 10.4 to 1 |
| 30 | `#8ec3d6` | `oklch(78.65% 0.0616 222.95)` | Dreaming Blue | black, 10.9 to 1 |
| 31 | `#98c5de` | `oklch(80.03% 0.0591 231.49)` | Caribbean Coast | black, 11.3 to 1 |
| 32 | `#a2c7e4` | `oklch(81.36% 0.0568 241.33)` | Windsor Way | black, 11.8 to 1 |
| 33 | `#adc9e9` | `oklch(82.65% 0.0547 252.07)` | Breeze | black, 12.3 to 1 |
| 34 | `#b8cbed` | `oklch(83.87% 0.0527 263.28)` | Cuddle | black, 12.7 to 1 |
| 35 | `#c3ccf0` | `oklch(85.03% 0.0509 274.55)` | Miami White | black, 13.2 to 1 |
| 36 | `#cecdf1` | `oklch(86.10% 0.0492 285.46)` | Miami White | black, 13.6 to 1 |
| 37 | `#d6cff1` | `oklch(87.08% 0.0477 295.59)` | Plum’s the Word | black, 14 to 1 |
| 38 | `#ded0f1` | `oklch(87.96% 0.0464 304.53)` | Plum’s the Word | black, 14.4 to 1 |
| 39 | `#e4d2f0` | `oklch(88.73% 0.0452 311.85)` | Lavender Princess | black, 14.7 to 1 |
| 40 | `#e8d3f0` | `oklch(89.37% 0.0441 317.15)` | Lavender Princess | black, 15 to 1 |

## CSS

```css
background: linear-gradient(135deg, #291b45 0.0%, #2c1d49 2.6%, #30204e 5.1%, #362354 7.7%, #3c275b 10.3%, #432b63 12.8%, #4a2f6b 15.4%, #523474 17.9%, #5a397c 20.5%, #613e85 23.1%, #68448e 25.6%, #6e4a97 28.2%, #7250a0 30.8%, #7557a8 33.3%, #755eb0 35.9%, #7367b8 38.5%, #6e70bf 41.0%, #677ac4 43.6%, #6083c7 46.2%, #598dc8 48.7%, #5496c7 51.3%, #539ec5 53.8%, #56a5c3 56.4%, #5dabc1 59.0%, #65b0c0 61.5%, #6db5c1 64.1%, #75b9c4 66.7%, #7dbcc9 69.2%, #85c0cf 71.8%, #8ec3d6 74.4%, #98c5de 76.9%, #a2c7e4 79.5%, #adc9e9 82.1%, #b8cbed 84.6%, #c3ccf0 87.2%, #cecdf1 89.7%, #d6cff1 92.3%, #ded0f1 94.9%, #e4d2f0 97.4%, #e8d3f0 100.0%);
background: linear-gradient(135deg in oklch, oklch(26.38% 0.0758 296.02) 0.0%, oklch(27.54% 0.0783 296.41) 2.6%, oklch(28.98% 0.0819 297.26) 5.1%, oklch(30.68% 0.0863 298.44) 7.7%, oklch(32.59% 0.0912 299.80) 10.3%, oklch(34.66% 0.0966 301.24) 12.8%, oklch(36.86% 0.1021 302.60) 15.4%, oklch(39.14% 0.1075 303.76) 17.9%, oklch(41.47% 0.1127 304.59) 20.5%, oklch(43.81% 0.1173 304.96) 23.1%, oklch(46.10% 0.1213 304.74) 25.6%, oklch(48.32% 0.1243 303.79) 28.2%, oklch(50.42% 0.1262 301.98) 30.8%, oklch(52.36% 0.1268 299.19) 33.3%, oklch(54.21% 0.1259 294.78) 35.9%, oklch(56.04% 0.1237 288.51) 38.5%, oklch(57.86% 0.1205 280.76) 41.0%, oklch(59.67% 0.1163 271.93) 43.6%, oklch(61.45% 0.1115 262.42) 46.2%, oklch(63.21% 0.1061 252.62) 48.7%, oklch(64.93% 0.1005 242.93) 51.3%, oklch(66.63% 0.0947 233.75) 53.8%, oklch(68.28% 0.0889 225.48) 56.4%, oklch(69.89% 0.0834 218.50) 59.0%, oklch(71.45% 0.0784 213.23) 61.5%, oklch(72.96% 0.0739 210.05) 64.1%, oklch(74.41% 0.0703 209.36) 66.7%, oklch(75.83% 0.0672 211.47) 69.2%, oklch(77.25% 0.0643 216.14) 71.8%, oklch(78.65% 0.0616 222.95) 74.4%, oklch(80.03% 0.0591 231.49) 76.9%, oklch(81.36% 0.0568 241.33) 79.5%, oklch(82.65% 0.0547 252.07) 82.1%, oklch(83.87% 0.0527 263.28) 84.6%, oklch(85.03% 0.0509 274.55) 87.2%, oklch(86.10% 0.0492 285.46) 89.7%, oklch(87.08% 0.0477 295.59) 92.3%, oklch(87.96% 0.0464 304.53) 94.9%, oklch(88.73% 0.0452 311.85) 97.4%, oklch(89.37% 0.0441 317.15) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.264 | 0.076 | 296 |
| 2 | 0.524 | 0.127 | 299.2 |
| 3 | 0.744 | 0.07 | 209.4 |
| 4 | 0.894 | 0.044 | 317.2 |

## In these collections

- [Iridescent glass interface](https://grabient.com/iridescent-glass-interface)

## Other forms

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