# Indigo lavender frost glow

The Indigo lavender frost glow brings together dark blue, blue, and light blue. The colors span a broad lightness range, combining moderate color with clear contrast. Its balanced and composed character suits brand mood boards and editorial graphics. Its darkest tone is dark blue, and its lightest tone is light blue.

- Also called: Monochrome navy to light blue radial gradient
- Seed: `kUNS2-LaZAMEzwTmHEBA`
- Page: https://grabient.com/kUNS2-LaZAMEzwTmHEBA?style=radialGradient&steps=32&angle=0
- Drawn as: radial gradient, 32 steps, 0 degrees
- Kinds: dark to light, cool, monochrome
- Hues: monochromatic
- Contrast of its darkest and lightest colors: 9.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 | `#0b1534` | `oklch(20.87% 0.0620 267.19)` | Liberty Blue | white, 17.8 to 1 |
| 2 | `#0d1737` | `oklch(21.72% 0.0645 267.27)` | Liberty Blue | white, 17.5 to 1 |
| 3 | `#0e1a3c` | `oklch(22.81% 0.0677 267.34)` | Maastricht Blue | white, 17.1 to 1 |
| 4 | `#111c41` | `oklch(24.10% 0.0715 267.39)` | Nightwalker | white, 16.5 to 1 |
| 5 | `#132047` | `oklch(25.55% 0.0757 267.46)` | Konkikyō Blue | white, 15.9 to 1 |
| 6 | `#16234d` | `oklch(27.12% 0.0803 267.56)` | Fly-by-Night | white, 15.1 to 1 |
| 7 | `#182754` | `oklch(28.76% 0.0850 267.71)` | Space Cadet | white, 14.4 to 1 |
| 8 | `#1c2b5c` | `oklch(30.44% 0.0898 267.92)` | Ultramarine Violet | white, 13.6 to 1 |
| 9 | `#1f2e63` | `oklch(32.13% 0.0946 268.21)` | Mythical Night | white, 12.8 to 1 |
| 10 | `#22326a` | `oklch(33.77% 0.0992 268.60)` | Passionate Blue | white, 12 to 1 |
| 11 | `#263671` | `oklch(35.33% 0.1034 269.10)` | Twilight Express | white, 11.3 to 1 |
| 12 | `#293977` | `oklch(36.78% 0.1075 269.76)` | Ballpoint Indigo | white, 10.7 to 1 |
| 13 | `#2d3c7e` | `oklch(38.13% 0.1122 270.61)` | Mazarine Blue | white, 10.2 to 1 |
| 14 | `#313f84` | `oklch(39.42% 0.1172 271.61)` | Official Violet | white, 9.7 to 1 |
| 15 | `#35418b` | `oklch(40.69% 0.1225 272.73)` | Clematis Blue | white, 9.2 to 1 |
| 16 | `#394391` | `oklch(41.96% 0.1276 273.91)` | Spectrum Blue | white, 8.7 to 1 |
| 17 | `#3e4698` | `oklch(43.29% 0.1324 275.13)` | Galaxy Express | white, 8.3 to 1 |
| 18 | `#43499e` | `oklch(44.70% 0.1365 276.32)` | Galaxy Express | white, 7.8 to 1 |
| 19 | `#484ca4` | `oklch(46.23% 0.1397 277.46)` | Liberty | white, 7.3 to 1 |
| 20 | `#4e50ab` | `oklch(47.92% 0.1418 278.49)` | Brandywine Raspberry | white, 6.8 to 1 |
| 21 | `#5455b1` | `oklch(49.80% 0.1424 279.38)` | Brandywine Raspberry | white, 6.3 to 1 |
| 22 | `#5b5bb7` | `oklch(51.93% 0.1413 280.08)` | Yuè Guāng Lán Moonlight | white, 5.7 to 1 |
| 23 | `#6363be` | `oklch(54.48% 0.1381 280.66)` | Bluish Purple Anemone | white, 5.1 to 1 |
| 24 | `#6c6dc4` | `oklch(57.40% 0.1329 281.15)` | Purple Toolbox | black, 4.6 to 1 |
| 25 | `#7677cb` | `oklch(60.59% 0.1263 281.55)` | Kickstart Purple | black, 5.2 to 1 |
| 26 | `#8182d2` | `oklch(63.91% 0.1187 281.88)` | Tanzine | black, 6 to 1 |
| 27 | `#8c8dd8` | `oklch(67.26% 0.1105 282.16)` | Adora | black, 6.9 to 1 |
| 28 | `#9698de` | `oklch(70.52% 0.1022 282.38)` | Portage | black, 7.8 to 1 |
| 29 | `#a0a2e4` | `oklch(73.57% 0.0943 282.57)` | Cold Lips | black, 8.7 to 1 |
| 30 | `#a9abe8` | `oklch(76.30% 0.0872 282.74)` | Maximum Blue Purple | black, 9.7 to 1 |
| 31 | `#b1b3ec` | `oklch(78.59% 0.0813 282.89)` | Perano | black, 10.5 to 1 |
| 32 | `#b7b9f0` | `oklch(80.31% 0.0772 283.04)` | Purple Illusion | black, 11.2 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #0b1534 0.0%, #0d1737 3.2%, #0e1a3c 6.5%, #111c41 9.7%, #132047 12.9%, #16234d 16.1%, #182754 19.4%, #1c2b5c 22.6%, #1f2e63 25.8%, #22326a 29.0%, #263671 32.3%, #293977 35.5%, #2d3c7e 38.7%, #313f84 41.9%, #35418b 45.2%, #394391 48.4%, #3e4698 51.6%, #43499e 54.8%, #484ca4 58.1%, #4e50ab 61.3%, #5455b1 64.5%, #5b5bb7 67.7%, #6363be 71.0%, #6c6dc4 74.2%, #7677cb 77.4%, #8182d2 80.6%, #8c8dd8 83.9%, #9698de 87.1%, #a0a2e4 90.3%, #a9abe8 93.5%, #b1b3ec 96.8%, #b7b9f0 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(20.87% 0.0620 267.19) 0.0%, oklch(21.72% 0.0645 267.27) 3.2%, oklch(22.81% 0.0677 267.34) 6.5%, oklch(24.10% 0.0715 267.39) 9.7%, oklch(25.55% 0.0757 267.46) 12.9%, oklch(27.12% 0.0803 267.56) 16.1%, oklch(28.76% 0.0850 267.71) 19.4%, oklch(30.44% 0.0898 267.92) 22.6%, oklch(32.13% 0.0946 268.21) 25.8%, oklch(33.77% 0.0992 268.60) 29.0%, oklch(35.33% 0.1034 269.10) 32.3%, oklch(36.78% 0.1075 269.76) 35.5%, oklch(38.13% 0.1122 270.61) 38.7%, oklch(39.42% 0.1172 271.61) 41.9%, oklch(40.69% 0.1225 272.73) 45.2%, oklch(41.96% 0.1276 273.91) 48.4%, oklch(43.29% 0.1324 275.13) 51.6%, oklch(44.70% 0.1365 276.32) 54.8%, oklch(46.23% 0.1397 277.46) 58.1%, oklch(47.92% 0.1418 278.49) 61.3%, oklch(49.80% 0.1424 279.38) 64.5%, oklch(51.93% 0.1413 280.08) 67.7%, oklch(54.48% 0.1381 280.66) 71.0%, oklch(57.40% 0.1329 281.15) 74.2%, oklch(60.59% 0.1263 281.55) 77.4%, oklch(63.91% 0.1187 281.88) 80.6%, oklch(67.26% 0.1105 282.16) 83.9%, oklch(70.52% 0.1022 282.38) 87.1%, oklch(73.57% 0.0943 282.57) 90.3%, oklch(76.30% 0.0872 282.74) 93.5%, oklch(78.59% 0.0813 282.89) 96.8%, oklch(80.31% 0.0772 283.04) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.209 | 0.062 | 267.2 |
| 2 | 0.358 | 0.105 | 269.3 |
| 3 | 0.512 | 0.142 | 279.9 |
| 4 | 0.803 | 0.077 | 283 |

## In these collections

- [Cool gradients](https://grabient.com/cool-gradients)

## Other forms

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