# Glacial Blue, Lilac Light

The Blue color palette brings together dark blue, blue, light teal, and light purple. 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 teal.

- Also called: Navy, light blue, lavender and purple radial gradient
- Seed: `kWLyC5tCC_XAfOdtnUtSLm-Y`
- Page: https://grabient.com/kWLyC5tCC_XAfOdtnUtSLm-Y?style=radialGradient&steps=32&angle=0
- Drawn as: radial gradient, 32 steps, 0 degrees
- Kinds: light center, cool
- Hues: wide
- Contrast of its darkest and lightest colors: 14.9 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 | `#071226` | `oklch(18.50% 0.0441 260.86)` | Kuretake Black Manga | white, 18.6 to 1 |
| 2 | `#09162c` | `oklch(20.12% 0.0481 260.77)` | Liberty Blue | white, 18 to 1 |
| 3 | `#0c1a33` | `oklch(22.09% 0.0538 261.02)` | Trapped Darkness | white, 17.3 to 1 |
| 4 | `#0f1f3d` | `oklch(24.42% 0.0607 261.33)` | Nightwalker | white, 16.3 to 1 |
| 5 | `#132648` | `oklch(27.13% 0.0680 261.45)` | Dark Eclipse | white, 15 to 1 |
| 6 | `#182d54` | `oklch(30.24% 0.0752 261.10)` | Pico Void | white, 13.6 to 1 |
| 7 | `#1d3661` | `oklch(33.76% 0.0818 260.02)` | Navy Trim | white, 11.9 to 1 |
| 8 | `#22416f` | `oklch(37.70% 0.0869 257.94)` | Cold Current | white, 10.1 to 1 |
| 9 | `#284e7d` | `oklch(42.12% 0.0902 254.53)` | Slumber | white, 8.4 to 1 |
| 10 | `#2e608e` | `oklch(47.69% 0.0917 248.25)` | Make-Up Blue | white, 6.5 to 1 |
| 11 | `#36769f` | `oklch(54.32% 0.0920 239.52)` | Taiwan Blue Magpie | white, 4.9 to 1 |
| 12 | `#418fb1` | `oklch(61.52% 0.0914 229.59)` | Navagio Bay | black, 5.7 to 1 |
| 13 | `#52a8c1` | `oklch(68.81% 0.0902 219.73)` | Pottery Blue | black, 7.7 to 1 |
| 14 | `#66c0d0` | `oklch(75.72% 0.0886 211.19)` | Skydive | black, 9.9 to 1 |
| 15 | `#7bd4de` | `oklch(81.77% 0.0871 205.21)` | Sea of Tranquillity | black, 12.3 to 1 |
| 16 | `#8be4ec` | `oklch(86.48% 0.0858 203.05)` | Aqua Fiesta | black, 14.3 to 1 |
| 17 | `#96edf8` | `oklch(89.50% 0.0850 206.03)` | Permafrost | black, 15.7 to 1 |
| 18 | `#adefff` | `oklch(91.32% 0.0690 214.73)` | Beyond the Clouds | black, 16.5 to 1 |
| 19 | `#c4ecff` | `oklch(92.15% 0.0489 227.69)` | Blue Java Banana | black, 16.8 to 1 |
| 20 | `#cfe9ff` | `oklch(92.16% 0.0411 243.25)` | Veiling Waterfalls | black, 16.7 to 1 |
| 21 | `#d3e4ff` | `oklch(91.48% 0.0411 259.76)` | Veiling Waterfalls | black, 16.3 to 1 |
| 22 | `#d5ddff` | `oklch(90.25% 0.0473 275.57)` | Transparent Blue | black, 15.6 to 1 |
| 23 | `#d7d4ff` | `oklch(88.62% 0.0591 289.01)` | Pale Lavender | black, 14.7 to 1 |
| 24 | `#d9c9ff` | `oklch(86.72% 0.0754 298.43)` | Neon Boneyard | black, 13.7 to 1 |
| 25 | `#d6bffa` | `oklch(84.35% 0.0845 302.98)` | Lavender Fragrance | black, 12.6 to 1 |
| 26 | `#ceb2f2` | `oklch(80.91% 0.0935 304.21)` | Violet Heaven | black, 11.2 to 1 |
| 27 | `#c1a3eb` | `oklch(76.71% 0.1048 302.98)` | Lavender Cream | black, 9.6 to 1 |
| 28 | `#b094e3` | `oklch(72.11% 0.1173 300.07)` | Dreamy Candy Forest | black, 8.1 to 1 |
| 29 | `#9f85dd` | `oklch(67.49% 0.1299 296.26)` | Perrywinkle | black, 6.8 to 1 |
| 30 | `#8d77d7` | `oklch(63.21% 0.1417 292.34)` | Matt Purple | black, 5.7 to 1 |
| 31 | `#7e6cd2` | `oklch(59.62% 0.1516 289.08)` | C64 Purple | black, 4.9 to 1 |
| 32 | `#7464cf` | `oklch(57.09% 0.1585 287.28)` | C64 Purple | white, 4.7 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #071226 0.0%, #09162c 3.2%, #0c1a33 6.5%, #0f1f3d 9.7%, #132648 12.9%, #182d54 16.1%, #1d3661 19.4%, #22416f 22.6%, #284e7d 25.8%, #2e608e 29.0%, #36769f 32.3%, #418fb1 35.5%, #52a8c1 38.7%, #66c0d0 41.9%, #7bd4de 45.2%, #8be4ec 48.4%, #96edf8 51.6%, #adefff 54.8%, #c4ecff 58.1%, #cfe9ff 61.3%, #d3e4ff 64.5%, #d5ddff 67.7%, #d7d4ff 71.0%, #d9c9ff 74.2%, #d6bffa 77.4%, #ceb2f2 80.6%, #c1a3eb 83.9%, #b094e3 87.1%, #9f85dd 90.3%, #8d77d7 93.5%, #7e6cd2 96.8%, #7464cf 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(18.50% 0.0441 260.86) 0.0%, oklch(20.12% 0.0481 260.77) 3.2%, oklch(22.09% 0.0538 261.02) 6.5%, oklch(24.42% 0.0607 261.33) 9.7%, oklch(27.13% 0.0680 261.45) 12.9%, oklch(30.24% 0.0752 261.10) 16.1%, oklch(33.76% 0.0818 260.02) 19.4%, oklch(37.70% 0.0869 257.94) 22.6%, oklch(42.12% 0.0902 254.53) 25.8%, oklch(47.69% 0.0917 248.25) 29.0%, oklch(54.32% 0.0920 239.52) 32.3%, oklch(61.52% 0.0914 229.59) 35.5%, oklch(68.81% 0.0902 219.73) 38.7%, oklch(75.72% 0.0886 211.19) 41.9%, oklch(81.77% 0.0871 205.21) 45.2%, oklch(86.48% 0.0858 203.05) 48.4%, oklch(89.50% 0.0850 206.03) 51.6%, oklch(91.32% 0.0690 214.73) 54.8%, oklch(92.15% 0.0489 227.69) 58.1%, oklch(92.16% 0.0411 243.25) 61.3%, oklch(91.48% 0.0411 259.76) 64.5%, oklch(90.25% 0.0473 275.57) 67.7%, oklch(88.62% 0.0591 289.01) 71.0%, oklch(86.72% 0.0754 298.43) 74.2%, oklch(84.35% 0.0845 302.98) 77.4%, oklch(80.91% 0.0935 304.21) 80.6%, oklch(76.71% 0.1048 302.98) 83.9%, oklch(72.11% 0.1173 300.07) 87.1%, oklch(67.49% 0.1299 296.26) 90.3%, oklch(63.21% 0.1417 292.34) 93.5%, oklch(59.62% 0.1516 289.08) 96.8%, oklch(57.09% 0.1585 287.28) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.185 | 0.044 | 260.9 |
| 2 | 0.409 | 0.09 | 255.6 |
| 3 | 0.882 | 0.085 | 203.8 |
| 4 | 0.862 | 0.08 | 300 |
| 5 | 0.571 | 0.158 | 287.3 |

## In these collections

- [Galaxy gradients](https://grabient.com/galaxy-gradients)
- [Aurora gradients](https://grabient.com/aurora-gradients)

## Other forms

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