# Blue and near-black galaxy palette

The Blue and near-black galaxy palette brings together off-white, light blue, blue, purple, and dark blue. The colors span a very broad lightness range, combining moderate color with high contrast. Its balanced and composed character suits brand mood boards and editorial graphics. Its darkest tone is dark blue, and its lightest tone is off-white.

- Also called: Analogous light blue, purple and black radial gradient
- Seed: `kY8hCv6B7CMq4wktM8BGqC_g4Kvq`
- Page: https://grabient.com/kY8hCv6B7CMq4wktM8BGqC_g4Kvq?style=radialGradient&steps=32&angle=225
- Drawn as: radial gradient, 32 steps, 225 degrees
- Kinds: light to dark, vivid, cool
- Hues: analogous
- Contrast of its darkest and lightest colors: 17.8 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 | `#e4f1fe` | `oklch(95.28% 0.0220 246.80)` | Cotton Boll | black, 18.3 to 1 |
| 2 | `#ddedfe` | `oklch(93.98% 0.0284 248.77)` | Calcareous Sinter | black, 17.6 to 1 |
| 3 | `#d4e8fe` | `oklch(92.30% 0.0371 251.49)` | Veiling Waterfalls | black, 16.7 to 1 |
| 4 | `#cae1ff` | `oklch(90.26% 0.0475 254.71)` | Arc Light | black, 15.7 to 1 |
| 5 | `#c0d9ff` | `oklch(87.91% 0.0588 258.22)` | Broad Daylight | black, 14.6 to 1 |
| 6 | `#b6d0fe` | `oklch(85.30% 0.0705 261.78)` | Ice Cold Stare | black, 13.4 to 1 |
| 7 | `#acc5fc` | `oklch(82.48% 0.0819 265.18)` | Night Snow | black, 12.1 to 1 |
| 8 | `#a2baf9` | `oklch(79.37% 0.0934 268.48)` | Truesky Gloxym | black, 10.9 to 1 |
| 9 | `#99acf5` | `oklch(75.87% 0.1067 272.08)` | Widowmaker | black, 9.6 to 1 |
| 10 | `#909ef0` | `oklch(72.07% 0.1205 275.76)` | Cold Lips | black, 8.3 to 1 |
| 11 | `#888ee9` | `oklch(68.11% 0.1337 279.31)` | Perrywinkle | black, 7.1 to 1 |
| 12 | `#817fe1` | `oklch(64.10% 0.1451 282.49)` | Indigo Bloom | black, 6 to 1 |
| 13 | `#7970d7` | `oklch(60.18% 0.1535 285.08)` | C64 Purple | black, 5.1 to 1 |
| 14 | `#7262cc` | `oklch(56.38% 0.1579 286.90)` | Dark Periwinkle | white, 4.8 to 1 |
| 15 | `#6955bf` | `oklch(52.45% 0.1592 288.07)` | Circumorbital Ring | white, 5.7 to 1 |
| 16 | `#5f49b1` | `oklch(48.48% 0.1579 288.75)` | Swiss Plum | white, 6.8 to 1 |
| 17 | `#553ea2` | `oklch(44.56% 0.1548 289.05)` | Megadrive Screen | white, 8 to 1 |
| 18 | `#4b3494` | `oklch(40.81% 0.1503 289.12)` | Royal Wisteria | white, 9.4 to 1 |
| 19 | `#422b87` | `oklch(37.34% 0.1451 289.08)` | Galactic Civilization | white, 10.9 to 1 |
| 20 | `#3a237a` | `oklch(34.24% 0.1397 289.06)` | Explorer of the Galaxies | white, 12.3 to 1 |
| 21 | `#331d6f` | `oklch(31.46% 0.1329 288.93)` | Deep Space Rodeo | white, 13.6 to 1 |
| 22 | `#2d1864` | `oklch(28.95% 0.1248 288.64)` | Night Fog | white, 14.7 to 1 |
| 23 | `#261459` | `oklch(26.64% 0.1159 288.19)` | Praise of Shadow | white, 15.8 to 1 |
| 24 | `#21114f` | `oklch(24.49% 0.1065 287.55)` | Praise of Shadow | white, 16.7 to 1 |
| 25 | `#1b0e45` | `oklch(22.45% 0.0970 286.71)` | Shadow Planet | white, 17.5 to 1 |
| 26 | `#160b3c` | `oklch(20.47% 0.0877 285.66)` | Grim Reaper | white, 18.2 to 1 |
| 27 | `#110933` | `oklch(18.52% 0.0774 284.16)` | Congressional Navy | white, 18.8 to 1 |
| 28 | `#0c082a` | `oklch(16.62% 0.0662 282.26)` | Mysterious Depths | white, 19.4 to 1 |
| 29 | `#080621` | `oklch(14.87% 0.0549 280.21)` | Mysterious Depths | white, 19.8 to 1 |
| 30 | `#050519` | `oklch(13.30% 0.0443 278.22)` | Not Tonight | white, 20.1 to 1 |
| 31 | `#040413` | `oklch(12.00% 0.0354 276.51)` | Obsidian Shard | white, 20.3 to 1 |
| 32 | `#03040e` | `oklch(11.02% 0.0289 275.33)` | Eight Ball | white, 20.4 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #e4f1fe 0.0%, #ddedfe 3.2%, #d4e8fe 6.5%, #cae1ff 9.7%, #c0d9ff 12.9%, #b6d0fe 16.1%, #acc5fc 19.4%, #a2baf9 22.6%, #99acf5 25.8%, #909ef0 29.0%, #888ee9 32.3%, #817fe1 35.5%, #7970d7 38.7%, #7262cc 41.9%, #6955bf 45.2%, #5f49b1 48.4%, #553ea2 51.6%, #4b3494 54.8%, #422b87 58.1%, #3a237a 61.3%, #331d6f 64.5%, #2d1864 67.7%, #261459 71.0%, #21114f 74.2%, #1b0e45 77.4%, #160b3c 80.6%, #110933 83.9%, #0c082a 87.1%, #080621 90.3%, #050519 93.5%, #040413 96.8%, #03040e 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(95.28% 0.0220 246.80) 0.0%, oklch(93.98% 0.0284 248.77) 3.2%, oklch(92.30% 0.0371 251.49) 6.5%, oklch(90.26% 0.0475 254.71) 9.7%, oklch(87.91% 0.0588 258.22) 12.9%, oklch(85.30% 0.0705 261.78) 16.1%, oklch(82.48% 0.0819 265.18) 19.4%, oklch(79.37% 0.0934 268.48) 22.6%, oklch(75.87% 0.1067 272.08) 25.8%, oklch(72.07% 0.1205 275.76) 29.0%, oklch(68.11% 0.1337 279.31) 32.3%, oklch(64.10% 0.1451 282.49) 35.5%, oklch(60.18% 0.1535 285.08) 38.7%, oklch(56.38% 0.1579 286.90) 41.9%, oklch(52.45% 0.1592 288.07) 45.2%, oklch(48.48% 0.1579 288.75) 48.4%, oklch(44.56% 0.1548 289.05) 51.6%, oklch(40.81% 0.1503 289.12) 54.8%, oklch(37.34% 0.1451 289.08) 58.1%, oklch(34.24% 0.1397 289.06) 61.3%, oklch(31.46% 0.1329 288.93) 64.5%, oklch(28.95% 0.1248 288.64) 67.7%, oklch(26.64% 0.1159 288.19) 71.0%, oklch(24.49% 0.1065 287.55) 74.2%, oklch(22.45% 0.0970 286.71) 77.4%, oklch(20.47% 0.0877 285.66) 80.6%, oklch(18.52% 0.0774 284.16) 83.9%, oklch(16.62% 0.0662 282.26) 87.1%, oklch(14.87% 0.0549 280.21) 90.3%, oklch(13.30% 0.0443 278.22) 93.5%, oklch(12.00% 0.0354 276.51) 96.8%, oklch(11.02% 0.0289 275.33) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.953 | 0.022 | 246.8 |
| 2 | 0.819 | 0.084 | 265.8 |
| 3 | 0.587 | 0.156 | 285.9 |
| 4 | 0.354 | 0.142 | 289.1 |
| 5 | 0.209 | 0.09 | 285.9 |
| 6 | 0.11 | 0.029 | 275.3 |

## In these collections

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

## Other forms

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