# Blue and pale aqua night sky palette

The Blue and pale aqua night sky palette brings together dark blue, dark gray, blue, and pale teal. The colors span a very broad lightness range, combining moderate color with high contrast. Its balanced and composed character suits travel posters and environmental mood boards. Its darkest tone is dark gray, and its lightest tone is pale teal.

- Also called: Navy, black, blue and light blue radial gradient
- Seed: `kWOiW7lIfAKYdP69sL9d4m3o`
- Page: https://grabient.com/kWOiW7lIfAKYdP69sL9d4m3o?style=radialGradient&steps=32&angle=0
- Drawn as: radial gradient, 32 steps, 0 degrees
- Kinds: dark center, muted, dark, cool
- Hues: analogous
- Contrast of its darkest and lightest colors: 16.4 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 | `#101c34` | `oklch(22.83% 0.0510 263.67)` | Trapped Darkness | white, 17 to 1 |
| 2 | `#0f1a31` | `oklch(22.15% 0.0479 263.87)` | Dark Knight | white, 17.3 to 1 |
| 3 | `#0e182c` | `oklch(21.08% 0.0431 264.17)` | Sambucus | white, 17.7 to 1 |
| 4 | `#0d1526` | `oklch(19.79% 0.0373 264.53)` | Corbeau | white, 18.2 to 1 |
| 5 | `#0c1221` | `oklch(18.47% 0.0314 264.91)` | Corbeau | white, 18.6 to 1 |
| 6 | `#0a101b` | `oklch(17.28% 0.0260 265.26)` | Nyctophobia | white, 19 to 1 |
| 7 | `#0a0e18` | `oklch(16.40% 0.0221 265.55)` | Nyctophobia | white, 19.3 to 1 |
| 8 | `#090d16` | `oklch(16.01% 0.0202 265.74)` | Midnight Oil | white, 19.4 to 1 |
| 9 | `#090e17` | `oklch(16.27% 0.0212 265.78)` | Nyctophobia | white, 19.3 to 1 |
| 10 | `#0a0f1b` | `oklch(17.15% 0.0252 265.72)` | Nyctophobia | white, 19 to 1 |
| 11 | `#0c1221` | `oklch(18.50% 0.0315 265.58)` | Corbeau | white, 18.6 to 1 |
| 12 | `#0e1628` | `oklch(20.23% 0.0395 265.36)` | Sambucus | white, 18 to 1 |
| 13 | `#101a32` | `oklch(22.23% 0.0485 265.08)` | Dark Knight | white, 17.2 to 1 |
| 14 | `#121f3c` | `oklch(24.41% 0.0581 264.74)` | Nightwalker | white, 16.3 to 1 |
| 15 | `#152446` | `oklch(26.65% 0.0674 264.34)` | Dark Eclipse | white, 15.3 to 1 |
| 16 | `#172950` | `oklch(28.86% 0.0761 263.91)` | Space Cadet | white, 14.3 to 1 |
| 17 | `#192e5a` | `oklch(30.93% 0.0839 263.55)` | Ending Navy Blue | white, 13.3 to 1 |
| 18 | `#1b3264` | `oklch(32.79% 0.0931 263.82)` | Passionate Blue | white, 12.4 to 1 |
| 19 | `#1d356e` | `oklch(34.58% 0.1033 264.47)` | Atlantic Navy | white, 11.6 to 1 |
| 20 | `#203979` | `oklch(36.44% 0.1136 265.11)` | Surf the Web | white, 10.8 to 1 |
| 21 | `#233e84` | `oklch(38.50% 0.1228 265.32)` | Mazarine Blue | white, 10 to 1 |
| 22 | `#264490` | `oklch(40.93% 0.1300 264.73)` | Blue Oblivion | white, 9 to 1 |
| 23 | `#284d9b` | `oklch(43.85% 0.1342 262.93)` | Sea of Tears | white, 7.9 to 1 |
| 24 | `#2959a6` | `oklch(47.42% 0.1344 259.53)` | Miracle at Wrigley | white, 6.8 to 1 |
| 25 | `#2b6ab1` | `oklch(51.97% 0.1292 253.89)` | Mid Blue | white, 5.5 to 1 |
| 26 | `#337fbb` | `oklch(57.80% 0.1182 245.62)` | Amalfi Coast | black, 4.9 to 1 |
| 27 | `#4697c4` | `oklch(64.48% 0.1031 235.57)` | Mountain Bluebird | black, 6.4 to 1 |
| 28 | `#63afcb` | `oklch(71.53% 0.0856 224.58)` | Blue Topaz | black, 8.5 to 1 |
| 29 | `#86c5d3` | `oklch(78.49% 0.0674 213.53)` | After the Rain | black, 10.9 to 1 |
| 30 | `#a7d8dc` | `oklch(84.88% 0.0503 203.28)` | Crystal | black, 13.4 to 1 |
| 31 | `#c4e7e6` | `oklch(90.24% 0.0360 194.70)` | Pale Seafoam | black, 15.9 to 1 |
| 32 | `#d9f2ef` | `oklch(94.09% 0.0262 188.64)` | Air of Mint | black, 17.8 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #101c34 0.0%, #0f1a31 3.2%, #0e182c 6.5%, #0d1526 9.7%, #0c1221 12.9%, #0a101b 16.1%, #0a0e18 19.4%, #090d16 22.6%, #090e17 25.8%, #0a0f1b 29.0%, #0c1221 32.3%, #0e1628 35.5%, #101a32 38.7%, #121f3c 41.9%, #152446 45.2%, #172950 48.4%, #192e5a 51.6%, #1b3264 54.8%, #1d356e 58.1%, #203979 61.3%, #233e84 64.5%, #264490 67.7%, #284d9b 71.0%, #2959a6 74.2%, #2b6ab1 77.4%, #337fbb 80.6%, #4697c4 83.9%, #63afcb 87.1%, #86c5d3 90.3%, #a7d8dc 93.5%, #c4e7e6 96.8%, #d9f2ef 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(22.83% 0.0510 263.67) 0.0%, oklch(22.15% 0.0479 263.87) 3.2%, oklch(21.08% 0.0431 264.17) 6.5%, oklch(19.79% 0.0373 264.53) 9.7%, oklch(18.47% 0.0314 264.91) 12.9%, oklch(17.28% 0.0260 265.26) 16.1%, oklch(16.40% 0.0221 265.55) 19.4%, oklch(16.01% 0.0202 265.74) 22.6%, oklch(16.27% 0.0212 265.78) 25.8%, oklch(17.15% 0.0252 265.72) 29.0%, oklch(18.50% 0.0315 265.58) 32.3%, oklch(20.23% 0.0395 265.36) 35.5%, oklch(22.23% 0.0485 265.08) 38.7%, oklch(24.41% 0.0581 264.74) 41.9%, oklch(26.65% 0.0674 264.34) 45.2%, oklch(28.86% 0.0761 263.91) 48.4%, oklch(30.93% 0.0839 263.55) 51.6%, oklch(32.79% 0.0931 263.82) 54.8%, oklch(34.58% 0.1033 264.47) 58.1%, oklch(36.44% 0.1136 265.11) 61.3%, oklch(38.50% 0.1228 265.32) 64.5%, oklch(40.93% 0.1300 264.73) 67.7%, oklch(43.85% 0.1342 262.93) 71.0%, oklch(47.42% 0.1344 259.53) 74.2%, oklch(51.97% 0.1292 253.89) 77.4%, oklch(57.80% 0.1182 245.62) 80.6%, oklch(64.48% 0.1031 235.57) 83.9%, oklch(71.53% 0.0856 224.58) 87.1%, oklch(78.49% 0.0674 213.53) 90.3%, oklch(84.88% 0.0503 203.28) 93.5%, oklch(90.24% 0.0360 194.70) 96.8%, oklch(94.09% 0.0262 188.64) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.228 | 0.051 | 263.7 |
| 2 | 0.161 | 0.021 | 265.8 |
| 3 | 0.299 | 0.08 | 263.7 |
| 4 | 0.484 | 0.134 | 258.4 |
| 5 | 0.941 | 0.026 | 188.6 |

## In these collections

- [Night sky gradients](https://grabient.com/night-sky-gradients)

## Other forms

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