# Near-black, plum and ochre night sky palette

The Near-black, plum and ochre night sky palette brings together dark gray, dark blue, orange, and gold. The colors span a broad lightness range, combining moderate color with clear contrast. Its balanced and composed character suits travel posters and environmental mood boards. Its darkest tone is dark gray, and its lightest tone is gold.

- Also called: Black, navy, purple and orange linear gradient
- Seed: `kUKQ-9Jh0_sMrT_cssRg`
- Page: https://grabient.com/kUKQ-9Jh0_sMrT_cssRg?steps=32&angle=135
- Drawn as: linear gradient, 32 steps, 135 degrees
- Kinds: dark to light, multicolor
- Hues: complementary
- Contrast of its darkest and lightest colors: 7.9 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 | `#090d17` | `oklch(16.14% 0.0207 265.78)` | Midnight Oil | white, 19.3 to 1 |
| 2 | `#0a0f1a` | `oklch(16.89% 0.0242 265.08)` | Nyctophobia | white, 19.1 to 1 |
| 3 | `#0a111e` | `oklch(17.80% 0.0287 263.43)` | Midnight Edition | white, 18.8 to 1 |
| 4 | `#0b1323` | `oklch(18.86% 0.0342 261.21)` | Corbeau | white, 18.5 to 1 |
| 5 | `#0a1628` | `oklch(20.06% 0.0402 258.81)` | Creeping Death | white, 18.1 to 1 |
| 6 | `#0a192e` | `oklch(21.37% 0.0468 256.59)` | Oxford by Night | white, 17.5 to 1 |
| 7 | `#091d35` | `oklch(22.80% 0.0535 254.95)` | Trapped Darkness | white, 16.9 to 1 |
| 8 | `#09203c` | `oklch(24.32% 0.0602 254.26)` | Midnight Mirage | white, 16.3 to 1 |
| 9 | `#0a2443` | `oklch(25.93% 0.0668 254.89)` | Dark Eclipse | white, 15.6 to 1 |
| 10 | `#0e274b` | `oklch(27.60% 0.0729 257.23)` | Dark Tyrian Blue | white, 14.8 to 1 |
| 11 | `#152a53` | `oklch(29.33% 0.0783 261.66)` | Dark Tyrian Blue | white, 14 to 1 |
| 12 | `#1f2d5a` | `oklch(31.14% 0.0830 268.71)` | Ending Navy Blue | white, 13.2 to 1 |
| 13 | `#2d2f61` | `oklch(33.12% 0.0875 278.75)` | Galaxea | white, 12.4 to 1 |
| 14 | `#3c3067` | `oklch(35.24% 0.0918 291.22)` | Minsk | white, 11.5 to 1 |
| 15 | `#4d3169` | `oklch(37.47% 0.0959 305.47)` | Petunia | white, 10.6 to 1 |
| 16 | `#5f3367` | `oklch(39.77% 0.0998 320.86)` | Imperial Purple | white, 9.7 to 1 |
| 17 | `#703462` | `oklch(42.12% 0.1035 336.76)` | Grape | white, 8.9 to 1 |
| 18 | `#7f3759` | `oklch(44.49% 0.1070 352.53)` | Alfonso Olive | white, 8 to 1 |
| 19 | `#8c3c4f` | `oklch(46.84% 0.1103 7.54)` | Liaison | white, 7.3 to 1 |
| 20 | `#974244` | `oklch(49.13% 0.1135 21.13)` | Classic Cherry | white, 6.6 to 1 |
| 21 | `#9f4a39` | `oklch(51.34% 0.1166 32.68)` | Canyon Wall | white, 5.9 to 1 |
| 22 | `#a55231` | `oklch(53.46% 0.1195 41.65)` | Alfajor Brown | white, 5.4 to 1 |
| 23 | `#ab5a2a` | `oklch(55.63% 0.1222 48.87)` | Caramelised Maple | white, 4.9 to 1 |
| 24 | `#b16325` | `oklch(57.87% 0.1248 54.85)` | Date Fruit Brown | black, 4.6 to 1 |
| 25 | `#b76b22` | `oklch(60.14% 0.1272 59.74)` | Hardy Clay | black, 5.1 to 1 |
| 26 | `#bd7420` | `oklch(62.40% 0.1295 63.70)` | Desert Sun | black, 5.6 to 1 |
| 27 | `#c27c21` | `oklch(64.58% 0.1316 66.89)` | Maine Coon Orange | black, 6.1 to 1 |
| 28 | `#c88323` | `oklch(66.65% 0.1335 69.48)` | Geebung | black, 6.7 to 1 |
| 29 | `#cd8a25` | `oklch(68.56% 0.1352 71.62)` | Chicken Masala | black, 7.2 to 1 |
| 30 | `#d29028` | `oklch(70.25% 0.1367 73.47)` | Vibrant Amber | black, 7.7 to 1 |
| 31 | `#d5962a` | `oklch(71.70% 0.1381 75.21)` | Bonfire Glow | black, 8.2 to 1 |
| 32 | `#d89a2b` | `oklch(72.83% 0.1392 76.97)` | New England Autumn | black, 8.5 to 1 |

## CSS

```css
background: linear-gradient(135deg, #090d17 0.0%, #0a0f1a 3.2%, #0a111e 6.5%, #0b1323 9.7%, #0a1628 12.9%, #0a192e 16.1%, #091d35 19.4%, #09203c 22.6%, #0a2443 25.8%, #0e274b 29.0%, #152a53 32.3%, #1f2d5a 35.5%, #2d2f61 38.7%, #3c3067 41.9%, #4d3169 45.2%, #5f3367 48.4%, #703462 51.6%, #7f3759 54.8%, #8c3c4f 58.1%, #974244 61.3%, #9f4a39 64.5%, #a55231 67.7%, #ab5a2a 71.0%, #b16325 74.2%, #b76b22 77.4%, #bd7420 80.6%, #c27c21 83.9%, #c88323 87.1%, #cd8a25 90.3%, #d29028 93.5%, #d5962a 96.8%, #d89a2b 100.0%);
background: linear-gradient(135deg in oklch, oklch(16.14% 0.0207 265.78) 0.0%, oklch(16.89% 0.0242 265.08) 3.2%, oklch(17.80% 0.0287 263.43) 6.5%, oklch(18.86% 0.0342 261.21) 9.7%, oklch(20.06% 0.0402 258.81) 12.9%, oklch(21.37% 0.0468 256.59) 16.1%, oklch(22.80% 0.0535 254.95) 19.4%, oklch(24.32% 0.0602 254.26) 22.6%, oklch(25.93% 0.0668 254.89) 25.8%, oklch(27.60% 0.0729 257.23) 29.0%, oklch(29.33% 0.0783 261.66) 32.3%, oklch(31.14% 0.0830 268.71) 35.5%, oklch(33.12% 0.0875 278.75) 38.7%, oklch(35.24% 0.0918 291.22) 41.9%, oklch(37.47% 0.0959 305.47) 45.2%, oklch(39.77% 0.0998 320.86) 48.4%, oklch(42.12% 0.1035 336.76) 51.6%, oklch(44.49% 0.1070 352.53) 54.8%, oklch(46.84% 0.1103 7.54) 58.1%, oklch(49.13% 0.1135 21.13) 61.3%, oklch(51.34% 0.1166 32.68) 64.5%, oklch(53.46% 0.1195 41.65) 67.7%, oklch(55.63% 0.1222 48.87) 71.0%, oklch(57.87% 0.1248 54.85) 74.2%, oklch(60.14% 0.1272 59.74) 77.4%, oklch(62.40% 0.1295 63.70) 80.6%, oklch(64.58% 0.1316 66.89) 83.9%, oklch(66.65% 0.1335 69.48) 87.1%, oklch(68.56% 0.1352 71.62) 90.3%, oklch(70.25% 0.1367 73.47) 93.5%, oklch(71.70% 0.1381 75.21) 96.8%, oklch(72.83% 0.1392 76.97) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.161 | 0.021 | 265.8 |
| 2 | 0.299 | 0.08 | 263.7 |
| 3 | 0.528 | 0.119 | 398.9 |
| 4 | 0.728 | 0.139 | 437 |

## In these collections

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

## Other forms

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