# Midnight Violet Galaxy Bloom

From the center outward, this radial gradient begins near black, opens through midnight blue and royal blue, then passes into indigo, violet, and muted magenta. The deep core and steadily brighter edge create convincing spatial depth with room for light foreground text. Use it for galaxy artwork, space event graphics, cinematic title cards, or dark application panels with a controlled violet glow.

- Also called: Black, blue and purple radial gradient
- Seed: `kUGhTBvSm86gtxJONcWg`
- Page: https://grabient.com/kUGhTBvSm86gtxJONcWg?style=radialGradient&steps=32&angle=0
- Drawn as: radial gradient, 32 steps, 0 degrees
- Kinds: cool
- Hues: wide
- Contrast of its darkest and lightest colors: 5.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 | `#02030c` | `oklch(10.24% 0.0276 272.11)` | Ninja | white, 20.5 to 1 |
| 2 | `#030613` | `oklch(12.63% 0.0329 270.38)` | Not Tonight | white, 20.2 to 1 |
| 3 | `#060c1e` | `oklch(15.99% 0.0400 267.82)` | Tristesse | white, 19.4 to 1 |
| 4 | `#0b152c` | `oklch(20.07% 0.0487 264.67)` | Liberty Blue | white, 18.1 to 1 |
| 5 | `#10203c` | `oklch(24.61% 0.0583 261.18)` | Nightwalker | white, 16.2 to 1 |
| 6 | `#152c4e` | `oklch(29.37% 0.0685 257.58)` | Midnight Ocean | white, 13.9 to 1 |
| 7 | `#183960` | `oklch(34.09% 0.0789 254.12)` | Navy Peony | white, 11.7 to 1 |
| 8 | `#194671` | `oklch(38.53% 0.0889 251.05)` | Hopi Blue Corn | white, 9.7 to 1 |
| 9 | `#195181` | `oklch(42.43% 0.0982 248.61)` | Lake Baikal | white, 8.2 to 1 |
| 10 | `#185a8e` | `oklch(45.54% 0.1062 247.05)` | Baleine Blue | white, 7.2 to 1 |
| 11 | `#176098` | `oklch(47.61% 0.1127 246.60)` | Lapis Lazuli Blue | white, 6.6 to 1 |
| 12 | `#17629d` | `oklch(48.41% 0.1172 247.43)` | Brigadier Blue | white, 6.3 to 1 |
| 13 | `#17609e` | `oklch(47.94% 0.1203 249.29)` | Rave Regatta | white, 6.5 to 1 |
| 14 | `#195b9b` | `oklch(46.48% 0.1223 252.02)` | Suddenly Sapphire | white, 6.9 to 1 |
| 15 | `#1b5396` | `oklch(44.29% 0.1234 255.47)` | Summer Waters | white, 7.7 to 1 |
| 16 | `#1e498e` | `oklch(41.66% 0.1239 259.50)` | Nuit Blanche | white, 8.7 to 1 |
| 17 | `#213f86` | `oklch(38.85% 0.1239 263.94)` | Blue Oblivion | white, 9.8 to 1 |
| 18 | `#23367d` | `oklch(36.14% 0.1237 268.65)` | Surf the Web | white, 11.1 to 1 |
| 19 | `#262d76` | `oklch(33.81% 0.1236 273.49)` | Blue Rose | white, 12.2 to 1 |
| 20 | `#282670` | `oklch(32.12% 0.1238 278.30)` | After Work Blue | white, 13.1 to 1 |
| 21 | `#2c216d` | `oklch(31.36% 0.1245 282.93)` | After Work Blue | white, 13.5 to 1 |
| 22 | `#32206d` | `oklch(31.77% 0.1259 287.30)` | Dark Dreams | white, 13.4 to 1 |
| 23 | `#3a2271` | `oklch(33.30% 0.1279 292.01)` | Explorer of the Galaxies | white, 12.7 to 1 |
| 24 | `#452776` | `oklch(35.70% 0.1301 297.14)` | Clear Purple | white, 11.6 to 1 |
| 25 | `#532d7d` | `oklch(38.76% 0.1325 302.54)` | Regalia | white, 10.3 to 1 |
| 26 | `#623485` | `oklch(42.29% 0.1350 308.04)` | Violet Magician | white, 8.9 to 1 |
| 27 | `#733c8d` | `oklch(46.06% 0.1375 313.49)` | Perkin Mauve | white, 7.6 to 1 |
| 28 | `#844495` | `oklch(49.88% 0.1400 318.74)` | Murasaki Purple | white, 6.4 to 1 |
| 29 | `#944c9c` | `oklch(53.53% 0.1423 323.61)` | Vicious Violet | white, 5.5 to 1 |
| 30 | `#a354a1` | `oklch(56.81% 0.1444 327.97)` | Orchid Dottyback | white, 4.8 to 1 |
| 31 | `#af5aa5` | `oklch(59.51% 0.1461 331.63)` | Royalty Loyalty | black, 4.8 to 1 |
| 32 | `#b85ea8` | `oklch(61.42% 0.1474 334.46)` | Mazzy Star | black, 5.2 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #02030c 0.0%, #030613 3.2%, #060c1e 6.5%, #0b152c 9.7%, #10203c 12.9%, #152c4e 16.1%, #183960 19.4%, #194671 22.6%, #195181 25.8%, #185a8e 29.0%, #176098 32.3%, #17629d 35.5%, #17609e 38.7%, #195b9b 41.9%, #1b5396 45.2%, #1e498e 48.4%, #213f86 51.6%, #23367d 54.8%, #262d76 58.1%, #282670 61.3%, #2c216d 64.5%, #32206d 67.7%, #3a2271 71.0%, #452776 74.2%, #532d7d 77.4%, #623485 80.6%, #733c8d 83.9%, #844495 87.1%, #944c9c 90.3%, #a354a1 93.5%, #af5aa5 96.8%, #b85ea8 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(10.24% 0.0276 272.11) 0.0%, oklch(12.63% 0.0329 270.38) 3.2%, oklch(15.99% 0.0400 267.82) 6.5%, oklch(20.07% 0.0487 264.67) 9.7%, oklch(24.61% 0.0583 261.18) 12.9%, oklch(29.37% 0.0685 257.58) 16.1%, oklch(34.09% 0.0789 254.12) 19.4%, oklch(38.53% 0.0889 251.05) 22.6%, oklch(42.43% 0.0982 248.61) 25.8%, oklch(45.54% 0.1062 247.05) 29.0%, oklch(47.61% 0.1127 246.60) 32.3%, oklch(48.41% 0.1172 247.43) 35.5%, oklch(47.94% 0.1203 249.29) 38.7%, oklch(46.48% 0.1223 252.02) 41.9%, oklch(44.29% 0.1234 255.47) 45.2%, oklch(41.66% 0.1239 259.50) 48.4%, oklch(38.85% 0.1239 263.94) 51.6%, oklch(36.14% 0.1237 268.65) 54.8%, oklch(33.81% 0.1236 273.49) 58.1%, oklch(32.12% 0.1238 278.30) 61.3%, oklch(31.36% 0.1245 282.93) 64.5%, oklch(31.77% 0.1259 287.30) 67.7%, oklch(33.30% 0.1279 292.01) 71.0%, oklch(35.70% 0.1301 297.14) 74.2%, oklch(38.76% 0.1325 302.54) 77.4%, oklch(42.29% 0.1350 308.04) 80.6%, oklch(46.06% 0.1375 313.49) 83.9%, oklch(49.88% 0.1400 318.74) 87.1%, oklch(53.53% 0.1423 323.61) 90.3%, oklch(56.81% 0.1444 327.97) 93.5%, oklch(59.51% 0.1461 331.63) 96.8%, oklch(61.42% 0.1474 334.46) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.102 | 0.028 | 272.1 |
| 2 | 0.48 | 0.114 | 246.7 |
| 3 | 0.315 | 0.125 | 285.8 |
| 4 | 0.614 | 0.147 | 334.5 |

## In these collections

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

## Other forms

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