# Near-black and magenta night sky palette

The Near-black and magenta night sky palette brings together dark blue, dark purple, and magenta. The colors span a broad lightness range, combining strong color with clear contrast. Its bold and dramatic character suits travel posters and environmental mood boards. Its darkest tone is dark blue, and its lightest tone is magenta.

- Also called: Seamless black and purple angular gradient
- Seed: `kWFx3LmaTA8c9wyjrz6DhC9g`
- Page: https://grabient.com/kWFx3LmaTA8c9wyjrz6DhC9g?style=angularGradient&steps=48&angle=300
- Drawn as: angular gradient, 48 steps, 300 degrees
- Kinds: light center, vivid, dark, seamless
- Hues: analogous
- Contrast of its darkest and lightest colors: 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 | `#02010d` | `oklch(9.06% 0.0400 286.17)` | Ninja | white, 20.7 to 1 |
| 2 | `#03010f` | `oklch(9.52% 0.0429 286.53)` | Broken Tube | white, 20.6 to 1 |
| 3 | `#030111` | `oklch(9.99% 0.0466 286.89)` | Obsidian Shard | white, 20.6 to 1 |
| 4 | `#040114` | `oklch(10.49% 0.0509 287.27)` | Obsidian Shard | white, 20.6 to 1 |
| 5 | `#050117` | `oklch(11.04% 0.0558 287.70)` | Obsidian Shard | white, 20.5 to 1 |
| 6 | `#06011a` | `oklch(11.68% 0.0611 288.19)` | Midnight Jam | white, 20.4 to 1 |
| 7 | `#07011e` | `oklch(12.43% 0.0667 288.76)` | Midnight Jam | white, 20.3 to 1 |
| 8 | `#090122` | `oklch(13.31% 0.0725 289.43)` | Midnight Jam | white, 20.2 to 1 |
| 9 | `#0c0027` | `oklch(14.34% 0.0785 290.23)` | Space Grey | white, 20 to 1 |
| 10 | `#0f012c` | `oklch(15.56% 0.0846 291.16)` | Black Htun | white, 19.8 to 1 |
| 11 | `#130132` | `oklch(17.00% 0.0905 292.26)` | Black Htun | white, 19.4 to 1 |
| 12 | `#180238` | `oklch(18.66% 0.0964 293.54)` | Quiet Abyss | white, 18.9 to 1 |
| 13 | `#1d043f` | `oklch(20.60% 0.1020 295.03)` | Your Darkness | white, 18.3 to 1 |
| 14 | `#250848` | `oklch(23.16% 0.1081 296.94)` | Shadow Planet | white, 17.3 to 1 |
| 15 | `#2e0f53` | `oklch(26.33% 0.1149 299.28)` | Vanishing | white, 16 to 1 |
| 16 | `#3a165f` | `oklch(29.96% 0.1221 301.93)` | Wicked Purple | white, 14.3 to 1 |
| 17 | `#481e6c` | `oklch(33.87% 0.1294 304.79)` | Fading Horizon | white, 12.5 to 1 |
| 18 | `#562679` | `oklch(37.91% 0.1368 307.76)` | Regalia | white, 10.7 to 1 |
| 19 | `#652f85` | `oklch(41.91% 0.1440 310.72)` | Violet Magician | white, 9.1 to 1 |
| 20 | `#743691` | `oklch(45.71% 0.1507 313.57)` | Perkin Mauve | white, 7.8 to 1 |
| 21 | `#823d9b` | `oklch(49.14% 0.1567 316.20)` | Cadmium Violet | white, 6.7 to 1 |
| 22 | `#8f43a3` | `oklch(52.05% 0.1619 318.49)` | Tyrian Shimmer | white, 5.9 to 1 |
| 23 | `#9948aa` | `oklch(54.25% 0.1659 320.36)` | Purpureus | white, 5.4 to 1 |
| 24 | `#9f4aad` | `oklch(55.60% 0.1687 321.68)` | Purpureus | white, 5.1 to 1 |
| 25 | `#a14bae` | `oklch(55.95% 0.1699 322.38)` | Purpureus | white, 5 to 1 |
| 26 | `#9f49ab` | `oklch(55.36% 0.1700 322.58)` | Purpureus | white, 5.2 to 1 |
| 27 | `#9a45a7` | `oklch(53.97% 0.1689 322.36)` | Medium Purple | white, 5.5 to 1 |
| 28 | `#9340a1` | `oklch(51.92% 0.1670 321.77)` | Medium Purple | white, 6 to 1 |
| 29 | `#893999` | `oklch(49.35% 0.1641 320.88)` | Cadmium Violet | white, 6.7 to 1 |
| 30 | `#7e3290` | `oklch(46.40% 0.1606 319.74)` | Dull Violet | white, 7.6 to 1 |
| 31 | `#732a86` | `oklch(43.21% 0.1564 318.41)` | Maximum Purple | white, 8.7 to 1 |
| 32 | `#67227c` | `oklch(39.91% 0.1518 316.94)` | Berry Blackmail | white, 10 to 1 |
| 33 | `#5b1b72` | `oklch(36.65% 0.1468 315.39)` | Violethargic | white, 11.4 to 1 |
| 34 | `#501468` | `oklch(33.56% 0.1416 313.81)` | Velvet Vortex | white, 12.8 to 1 |
| 35 | `#460d5f` | `oklch(30.78% 0.1362 312.27)` | Obsidian Shell | white, 14.1 to 1 |
| 36 | `#3e0858` | `oklch(28.45% 0.1309 310.82)` | Ripe Plum | white, 15.2 to 1 |
| 37 | `#370651` | `oklch(26.53% 0.1252 309.39)` | Hollow Knight | white, 16 to 1 |
| 38 | `#30044b` | `oklch(24.68% 0.1186 307.75)` | Edge of Space | white, 16.8 to 1 |
| 39 | `#2a0344` | `oklch(22.88% 0.1111 305.94)` | Your Darkness | white, 17.5 to 1 |
| 40 | `#24033e` | `oklch(21.15% 0.1030 304.00)` | Your Darkness | white, 18.1 to 1 |
| 41 | `#1e0337` | `oklch(19.49% 0.0946 301.99)` | Middle Red Purple | white, 18.7 to 1 |
| 42 | `#180331` | `oklch(17.93% 0.0861 299.96)` | Quiet Abyss | white, 19.1 to 1 |
| 43 | `#14032a` | `oklch(16.47% 0.0776 297.97)` | Election Night | white, 19.5 to 1 |
| 44 | `#0f0324` | `oklch(15.11% 0.0695 296.07)` | Election Night | white, 19.8 to 1 |
| 45 | `#0c021f` | `oklch(13.88% 0.0621 294.31)` | Election Night | white, 20 to 1 |
| 46 | `#08021a` | `oklch(12.78% 0.0554 292.74)` | Midnight Jam | white, 20.2 to 1 |
| 47 | `#060216` | `oklch(11.82% 0.0498 291.42)` | Obsidian Shard | white, 20.4 to 1 |
| 48 | `#050213` | `oklch(11.02% 0.0455 290.40)` | Obsidian Shard | white, 20.5 to 1 |

## CSS

```css
background: conic-gradient(from 300deg, #02010d 0.0%, #03010f 2.1%, #030111 4.3%, #040114 6.4%, #050117 8.5%, #06011a 10.6%, #07011e 12.8%, #090122 14.9%, #0c0027 17.0%, #0f012c 19.1%, #130132 21.3%, #180238 23.4%, #1d043f 25.5%, #250848 27.7%, #2e0f53 29.8%, #3a165f 31.9%, #481e6c 34.0%, #562679 36.2%, #652f85 38.3%, #743691 40.4%, #823d9b 42.6%, #8f43a3 44.7%, #9948aa 46.8%, #9f4aad 48.9%, #a14bae 51.1%, #9f49ab 53.2%, #9a45a7 55.3%, #9340a1 57.4%, #893999 59.6%, #7e3290 61.7%, #732a86 63.8%, #67227c 66.0%, #5b1b72 68.1%, #501468 70.2%, #460d5f 72.3%, #3e0858 74.5%, #370651 76.6%, #30044b 78.7%, #2a0344 80.9%, #24033e 83.0%, #1e0337 85.1%, #180331 87.2%, #14032a 89.4%, #0f0324 91.5%, #0c021f 93.6%, #08021a 95.7%, #060216 97.9%, #050213 100.0%);
background: conic-gradient(from 300deg in oklch, oklch(9.06% 0.0400 286.17) 0.0%, oklch(9.52% 0.0429 286.53) 2.1%, oklch(9.99% 0.0466 286.89) 4.3%, oklch(10.49% 0.0509 287.27) 6.4%, oklch(11.04% 0.0558 287.70) 8.5%, oklch(11.68% 0.0611 288.19) 10.6%, oklch(12.43% 0.0667 288.76) 12.8%, oklch(13.31% 0.0725 289.43) 14.9%, oklch(14.34% 0.0785 290.23) 17.0%, oklch(15.56% 0.0846 291.16) 19.1%, oklch(17.00% 0.0905 292.26) 21.3%, oklch(18.66% 0.0964 293.54) 23.4%, oklch(20.60% 0.1020 295.03) 25.5%, oklch(23.16% 0.1081 296.94) 27.7%, oklch(26.33% 0.1149 299.28) 29.8%, oklch(29.96% 0.1221 301.93) 31.9%, oklch(33.87% 0.1294 304.79) 34.0%, oklch(37.91% 0.1368 307.76) 36.2%, oklch(41.91% 0.1440 310.72) 38.3%, oklch(45.71% 0.1507 313.57) 40.4%, oklch(49.14% 0.1567 316.20) 42.6%, oklch(52.05% 0.1619 318.49) 44.7%, oklch(54.25% 0.1659 320.36) 46.8%, oklch(55.60% 0.1687 321.68) 48.9%, oklch(55.95% 0.1699 322.38) 51.1%, oklch(55.36% 0.1700 322.58) 53.2%, oklch(53.97% 0.1689 322.36) 55.3%, oklch(51.92% 0.1670 321.77) 57.4%, oklch(49.35% 0.1641 320.88) 59.6%, oklch(46.40% 0.1606 319.74) 61.7%, oklch(43.21% 0.1564 318.41) 63.8%, oklch(39.91% 0.1518 316.94) 66.0%, oklch(36.65% 0.1468 315.39) 68.1%, oklch(33.56% 0.1416 313.81) 70.2%, oklch(30.78% 0.1362 312.27) 72.3%, oklch(28.45% 0.1309 310.82) 74.5%, oklch(26.53% 0.1252 309.39) 76.6%, oklch(24.68% 0.1186 307.75) 78.7%, oklch(22.88% 0.1111 305.94) 80.9%, oklch(21.15% 0.1030 304.00) 83.0%, oklch(19.49% 0.0946 301.99) 85.1%, oklch(17.93% 0.0861 299.96) 87.2%, oklch(16.47% 0.0776 297.97) 89.4%, oklch(15.11% 0.0695 296.07) 91.5%, oklch(13.88% 0.0621 294.31) 93.6%, oklch(12.78% 0.0554 292.74) 95.7%, oklch(11.82% 0.0498 291.42) 97.9%, oklch(11.02% 0.0455 290.40) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.091 | 0.04 | 286.2 |
| 2 | 0.201 | 0.101 | 294.6 |
| 3 | 0.559 | 0.169 | 322.1 |
| 4 | 0.28 | 0.13 | 310.5 |
| 5 | 0.11 | 0.045 | 290.4 |

## In these collections

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

## Other forms

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