# Rose Violet Aurora Halo

A midnight blue radial gradient expands through cobalt, violet, and muted rose pink. Its continuous cool transition feels atmospheric without becoming harsh, giving editorial covers, music artwork, presentation backdrops, and interface hero panels a soft aurora glow with a stable dark center.

- Also called: Analogous navy, purple and pink radial gradient
- Seed: `kUOh-6ODDAsjEQ9gL8SA`
- Page: https://grabient.com/kUOh-6ODDAsjEQ9gL8SA?style=radialGradient&steps=32&angle=0
- Drawn as: radial gradient, 32 steps, 0 degrees
- Kinds: dark to light
- Hues: analogous
- Contrast of its darkest and lightest colors: 7.3 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 | `#111c30` | `oklch(22.83% 0.0427 261.56)` | Trapped Darkness | white, 16.9 to 1 |
| 2 | `#121f36` | `oklch(24.09% 0.0481 261.81)` | Sombre Night | white, 16.4 to 1 |
| 3 | `#14233e` | `oklch(25.74% 0.0552 261.99)` | Cool Balaclavas Are Forever | white, 15.7 to 1 |
| 4 | `#162747` | `oklch(27.70% 0.0636 262.15)` | Rurikon Blue | white, 14.8 to 1 |
| 5 | `#192c52` | `oklch(29.90% 0.0730 262.34)` | Pico Void | white, 13.7 to 1 |
| 6 | `#1c325d` | `oklch(32.25% 0.0831 262.63)` | Ending Navy Blue | white, 12.6 to 1 |
| 7 | `#1f376a` | `oklch(34.68% 0.0935 263.05)` | Passionate Blue | white, 11.5 to 1 |
| 8 | `#223d76` | `oklch(37.10% 0.1039 263.68)` | Blue Expanse | white, 10.5 to 1 |
| 9 | `#274283` | `oklch(39.43% 0.1138 264.56)` | Official Violet | white, 9.6 to 1 |
| 10 | `#2c478e` | `oklch(41.60% 0.1231 265.75)` | Pacific Navy | white, 8.8 to 1 |
| 11 | `#314a99` | `oklch(43.52% 0.1312 267.30)` | Le Grand Bleu | white, 8.1 to 1 |
| 12 | `#374da1` | `oklch(45.16% 0.1384 269.26)` | Dazzling Blue | white, 7.6 to 1 |
| 13 | `#3e4faa` | `oklch(46.60% 0.1456 271.62)` | Dazzling Blue | white, 7.2 to 1 |
| 14 | `#4651b2` | `oklch(47.90% 0.1529 274.32)` | Chinese Bellflower | white, 6.8 to 1 |
| 15 | `#4e51b9` | `oklch(49.09% 0.1600 277.32)` | Free Speech Blue | white, 6.5 to 1 |
| 16 | `#5651bf` | `oklch(50.22% 0.1666 280.55)` | Iris | white, 6.2 to 1 |
| 17 | `#5f51c4` | `oklch(51.31% 0.1727 283.96)` | Waiporoporo Purple | white, 6 to 1 |
| 18 | `#6851c9` | `oklch(52.41% 0.1780 287.50)` | Waiporoporo Purple | white, 5.8 to 1 |
| 19 | `#7251cc` | `oklch(53.55% 0.1823 291.11)` | Astro Purple | white, 5.5 to 1 |
| 20 | `#7b52cf` | `oklch(54.77% 0.1854 294.73)` | Fuchsia Blue | white, 5.3 to 1 |
| 21 | `#8553d2` | `oklch(56.11% 0.1871 298.32)` | Gloomy Purple | white, 5 to 1 |
| 22 | `#8f56d3` | `oklch(57.61% 0.1872 301.85)` | Morado Purple | white, 4.7 to 1 |
| 23 | `#9a59d4` | `oklch(59.34% 0.1851 305.68)` | Morado Purple | black, 4.7 to 1 |
| 24 | `#a55ed4` | `oklch(61.26% 0.1810 309.83)` | Ripe Lavander | black, 5.1 to 1 |
| 25 | `#b064d3` | `oklch(63.30% 0.1753 314.18)` | Teldrassil Purple | black, 5.5 to 1 |
| 26 | `#bb6ad1` | `oklch(65.40% 0.1686 318.61)` | Rich Lilac | black, 6 to 1 |
| 27 | `#c571d0` | `oklch(67.50% 0.1613 322.98)` | Purple Kush | black, 6.6 to 1 |
| 28 | `#ce78ce` | `oklch(69.52% 0.1537 327.18)` | Purple Kush | black, 7.1 to 1 |
| 29 | `#d67ecc` | `oklch(71.41% 0.1465 331.08)` | Purple Kush | black, 7.7 to 1 |
| 30 | `#dd84cb` | `oklch(73.09% 0.1399 334.56)` | Pink Punk | black, 8.2 to 1 |
| 31 | `#e28acb` | `oklch(74.51% 0.1346 337.49)` | Blushed Bombshell | black, 8.7 to 1 |
| 32 | `#e68eca` | `oklch(75.59% 0.1309 339.76)` | Blushed Bombshell | black, 9 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #111c30 0.0%, #121f36 3.2%, #14233e 6.5%, #162747 9.7%, #192c52 12.9%, #1c325d 16.1%, #1f376a 19.4%, #223d76 22.6%, #274283 25.8%, #2c478e 29.0%, #314a99 32.3%, #374da1 35.5%, #3e4faa 38.7%, #4651b2 41.9%, #4e51b9 45.2%, #5651bf 48.4%, #5f51c4 51.6%, #6851c9 54.8%, #7251cc 58.1%, #7b52cf 61.3%, #8553d2 64.5%, #8f56d3 67.7%, #9a59d4 71.0%, #a55ed4 74.2%, #b064d3 77.4%, #bb6ad1 80.6%, #c571d0 83.9%, #ce78ce 87.1%, #d67ecc 90.3%, #dd84cb 93.5%, #e28acb 96.8%, #e68eca 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(22.83% 0.0427 261.56) 0.0%, oklch(24.09% 0.0481 261.81) 3.2%, oklch(25.74% 0.0552 261.99) 6.5%, oklch(27.70% 0.0636 262.15) 9.7%, oklch(29.90% 0.0730 262.34) 12.9%, oklch(32.25% 0.0831 262.63) 16.1%, oklch(34.68% 0.0935 263.05) 19.4%, oklch(37.10% 0.1039 263.68) 22.6%, oklch(39.43% 0.1138 264.56) 25.8%, oklch(41.60% 0.1231 265.75) 29.0%, oklch(43.52% 0.1312 267.30) 32.3%, oklch(45.16% 0.1384 269.26) 35.5%, oklch(46.60% 0.1456 271.62) 38.7%, oklch(47.90% 0.1529 274.32) 41.9%, oklch(49.09% 0.1600 277.32) 45.2%, oklch(50.22% 0.1666 280.55) 48.4%, oklch(51.31% 0.1727 283.96) 51.6%, oklch(52.41% 0.1780 287.50) 54.8%, oklch(53.55% 0.1823 291.11) 58.1%, oklch(54.77% 0.1854 294.73) 61.3%, oklch(56.11% 0.1871 298.32) 64.5%, oklch(57.61% 0.1872 301.85) 67.7%, oklch(59.34% 0.1851 305.68) 71.0%, oklch(61.26% 0.1810 309.83) 74.2%, oklch(63.30% 0.1753 314.18) 77.4%, oklch(65.40% 0.1686 318.61) 80.6%, oklch(67.50% 0.1613 322.98) 83.9%, oklch(69.52% 0.1537 327.18) 87.1%, oklch(71.41% 0.1465 331.08) 90.3%, oklch(73.09% 0.1399 334.56) 93.5%, oklch(74.51% 0.1346 337.49) 96.8%, oklch(75.59% 0.1309 339.76) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.228 | 0.043 | 261.6 |
| 2 | 0.441 | 0.134 | 267.9 |
| 3 | 0.571 | 0.187 | 300.7 |
| 4 | 0.756 | 0.131 | 339.8 |

## In these collections

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

## Other forms

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