# Near-black and blue aurora palette

The Near-black and blue aurora palette brings together dark blue, blue, teal, and pale teal. 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 pale teal.

- Also called: Cool navy to light blue radial gradient
- Seed: `kWIhm3pijAsEyPniK7weJQ-I`
- Page: https://grabient.com/kWIhm3pijAsEyPniK7weJQ-I?style=radialGradient&steps=32&angle=0
- Drawn as: radial gradient, 32 steps, 0 degrees
- Kinds: dark to light, vivid, cool
- Hues: analogous
- Contrast of its darkest and lightest colors: 17.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 | `#020816` | `oklch(13.39% 0.0344 258.05)` | Melanophobia | white, 20 to 1 |
| 2 | `#020a1b` | `oklch(14.68% 0.0410 258.69)` | Melanophobia | white, 19.7 to 1 |
| 3 | `#020d23` | `oklch(16.36% 0.0501 259.70)` | Void | white, 19.3 to 1 |
| 4 | `#03112d` | `oklch(18.37% 0.0611 260.91)` | Squid’s Ink | white, 18.7 to 1 |
| 5 | `#041538` | `oklch(20.62% 0.0729 262.16)` | Navy | white, 17.9 to 1 |
| 6 | `#071944` | `oklch(23.03% 0.0849 263.28)` | Maastricht Blue | white, 17 to 1 |
| 7 | `#0a1e50` | `oklch(25.54% 0.0961 264.12)` | Subnautical | white, 15.9 to 1 |
| 8 | `#0d235c` | `oklch(28.06% 0.1058 264.50)` | Fibonacci Blue | white, 14.8 to 1 |
| 9 | `#112967` | `oklch(30.53% 0.1133 264.28)` | Schiava Blue | white, 13.6 to 1 |
| 10 | `#133071` | `oklch(33.03% 0.1192 263.64)` | Atlantic Navy | white, 12.4 to 1 |
| 11 | `#16377c` | `oklch(35.61% 0.1243 262.70)` | Surf the Web | white, 11.2 to 1 |
| 12 | `#183e86` | `oklch(38.26% 0.1284 261.44)` | Mystery Oceans | white, 10.1 to 1 |
| 13 | `#194790` | `oklch(40.99% 0.1318 259.86)` | Nuit Blanche | white, 8.9 to 1 |
| 14 | `#1a4f9a` | `oklch(43.81% 0.1344 257.95)` | Le Grand Bleu | white, 7.9 to 1 |
| 15 | `#1a59a4` | `oklch(46.70% 0.1363 255.71)` | Miracle at Wrigley | white, 6.9 to 1 |
| 16 | `#1a63ad` | `oklch(49.67% 0.1375 253.13)` | Cobalt Stone | white, 6.1 to 1 |
| 17 | `#186eb7` | `oklch(52.74% 0.1380 250.12)` | Beautiful Blue | white, 5.3 to 1 |
| 18 | `#1579c0` | `oklch(56.04% 0.1378 246.36)` | Diva Blue | white, 4.6 to 1 |
| 19 | `#1186c8` | `oklch(59.50% 0.1369 241.99)` | Water Blue | black, 5.2 to 1 |
| 20 | `#0f93d0` | `oklch(63.06% 0.1353 237.27)` | Rich Electric Blue | black, 6.1 to 1 |
| 21 | `#14a1d7` | `oklch(66.61% 0.1330 232.44)` | Blue Damselfly | black, 7 to 1 |
| 22 | `#20addd` | `oklch(70.08% 0.1298 227.74)` | Royal Peacock | black, 8.1 to 1 |
| 23 | `#30b9e3` | `oklch(73.39% 0.1259 223.43)` | Lake Thun | black, 9.2 to 1 |
| 24 | `#41c4e7` | `oklch(76.45% 0.1212 219.74)` | Clean Pool | black, 10.2 to 1 |
| 25 | `#53cdeb` | `oklch(79.28% 0.1152 216.74)` | Picnic Day Sky | black, 11.3 to 1 |
| 26 | `#66d6ef` | `oklch(82.08% 0.1071 214.10)` | Electric Lemonade | black, 12.4 to 1 |
| 27 | `#7adef2` | `oklch(84.78% 0.0977 211.77)` | Faded Poster | black, 13.5 to 1 |
| 28 | `#8de6f5` | `oklch(87.34% 0.0877 209.74)` | Photon Projector | black, 14.7 to 1 |
| 29 | `#9fecf8` | `oklch(89.69% 0.0776 207.98)` | Permafrost | black, 15.8 to 1 |
| 30 | `#aef2fb` | `oklch(91.77% 0.0684 206.48)` | Waterspout | black, 16.8 to 1 |
| 31 | `#baf6fd` | `oklch(93.52% 0.0606 205.21)` | Pale Sky | black, 17.7 to 1 |
| 32 | `#c4f9ff` | `oklch(94.88% 0.0544 204.14)` | Friendly Frost | black, 18.4 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #020816 0.0%, #020a1b 3.2%, #020d23 6.5%, #03112d 9.7%, #041538 12.9%, #071944 16.1%, #0a1e50 19.4%, #0d235c 22.6%, #112967 25.8%, #133071 29.0%, #16377c 32.3%, #183e86 35.5%, #194790 38.7%, #1a4f9a 41.9%, #1a59a4 45.2%, #1a63ad 48.4%, #186eb7 51.6%, #1579c0 54.8%, #1186c8 58.1%, #0f93d0 61.3%, #14a1d7 64.5%, #20addd 67.7%, #30b9e3 71.0%, #41c4e7 74.2%, #53cdeb 77.4%, #66d6ef 80.6%, #7adef2 83.9%, #8de6f5 87.1%, #9fecf8 90.3%, #aef2fb 93.5%, #baf6fd 96.8%, #c4f9ff 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(13.39% 0.0344 258.05) 0.0%, oklch(14.68% 0.0410 258.69) 3.2%, oklch(16.36% 0.0501 259.70) 6.5%, oklch(18.37% 0.0611 260.91) 9.7%, oklch(20.62% 0.0729 262.16) 12.9%, oklch(23.03% 0.0849 263.28) 16.1%, oklch(25.54% 0.0961 264.12) 19.4%, oklch(28.06% 0.1058 264.50) 22.6%, oklch(30.53% 0.1133 264.28) 25.8%, oklch(33.03% 0.1192 263.64) 29.0%, oklch(35.61% 0.1243 262.70) 32.3%, oklch(38.26% 0.1284 261.44) 35.5%, oklch(40.99% 0.1318 259.86) 38.7%, oklch(43.81% 0.1344 257.95) 41.9%, oklch(46.70% 0.1363 255.71) 45.2%, oklch(49.67% 0.1375 253.13) 48.4%, oklch(52.74% 0.1380 250.12) 51.6%, oklch(56.04% 0.1378 246.36) 54.8%, oklch(59.50% 0.1369 241.99) 58.1%, oklch(63.06% 0.1353 237.27) 61.3%, oklch(66.61% 0.1330 232.44) 64.5%, oklch(70.08% 0.1298 227.74) 67.7%, oklch(73.39% 0.1259 223.43) 71.0%, oklch(76.45% 0.1212 219.74) 74.2%, oklch(79.28% 0.1152 216.74) 77.4%, oklch(82.08% 0.1071 214.10) 80.6%, oklch(84.78% 0.0977 211.77) 83.9%, oklch(87.34% 0.0877 209.74) 87.1%, oklch(89.69% 0.0776 207.98) 90.3%, oklch(91.77% 0.0684 206.48) 93.5%, oklch(93.52% 0.0606 205.21) 96.8%, oklch(94.88% 0.0544 204.14) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.134 | 0.034 | 258 |
| 2 | 0.299 | 0.112 | 264.4 |
| 3 | 0.512 | 0.138 | 251.7 |
| 4 | 0.772 | 0.12 | 218.9 |
| 5 | 0.949 | 0.055 | 204.2 |

## In these collections

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

## Other forms

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