# Near-black, aubergine and navy dark multicolor palette

The Near-black, aubergine and navy dark multicolor palette brings together dark purple, magenta, blue, and dark blue. The colors span a narrow lightness range, combining moderate color with gentle contrast. Its dark and grounded character suits brand mood boards and editorial graphics. Its darkest tone is dark purple, and its lightest tone is blue.

- Also called: Black, dark purple and navy radial gradient
- Seed: `kULhvUKJzGa0gtmaEj8g`
- Page: https://grabient.com/kULhvUKJzGa0gtmaEj8g?style=radialGradient&steps=32&angle=0
- Drawn as: radial gradient, 32 steps, 0 degrees
- Kinds: muted, dark
- Hues: wide
- Contrast of its darkest and lightest colors: 1.6 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 | `#140e20` | `oklch(18.11% 0.0372 298.13)` | Corbeau | white, 18.8 to 1 |
| 2 | `#170f22` | `oklch(18.94% 0.0397 301.85)` | Corbeau | white, 18.6 to 1 |
| 3 | `#1b1025` | `oklch(20.06% 0.0431 307.35)` | Shot in the Dark | white, 18.2 to 1 |
| 4 | `#211228` | `oklch(21.41% 0.0471 314.11)` | Inside | white, 17.7 to 1 |
| 5 | `#28142b` | `oklch(22.91% 0.0516 321.61)` | Dark Prom Queen | white, 17.1 to 1 |
| 6 | `#2f162d` | `oklch(24.51% 0.0564 329.35)` | Cultist Robe | white, 16.5 to 1 |
| 7 | `#36172f` | `oklch(26.13% 0.0612 336.79)` | Nightly Voyager | white, 15.8 to 1 |
| 8 | `#3e1930` | `oklch(27.72% 0.0660 343.42)` | Blackberry | white, 15.1 to 1 |
| 9 | `#441b31` | `oklch(29.20% 0.0704 348.74)` | Blackberry | white, 14.4 to 1 |
| 10 | `#4a1d33` | `oklch(30.51% 0.0744 352.21)` | Chilli Black Red | white, 13.8 to 1 |
| 11 | `#4f1f35` | `oklch(31.59% 0.0776 353.32)` | Chilli Black Red | white, 13.3 to 1 |
| 12 | `#512039` | `oklch(32.44% 0.0802 351.57)` | Prestige Mauve | white, 12.9 to 1 |
| 13 | `#53223e` | `oklch(33.24% 0.0826 346.99)` | Prestige Mauve | white, 12.6 to 1 |
| 14 | `#542445` | `oklch(33.99% 0.0848 340.13)` | Murasaki | white, 12.2 to 1 |
| 15 | `#53264e` | `oklch(34.65% 0.0868 331.56)` | Murasaki | white, 11.9 to 1 |
| 16 | `#502956` | `oklch(35.22% 0.0884 321.85)` | Deep Plum | white, 11.6 to 1 |
| 17 | `#4c2c5e` | `oklch(35.66% 0.0897 311.57)` | Deep Plum | white, 11.4 to 1 |
| 18 | `#463064` | `oklch(35.96% 0.0907 301.29)` | Violet Indigo | white, 11.2 to 1 |
| 19 | `#3f3369` | `oklch(36.09% 0.0911 291.58)` | Minsk | white, 11.1 to 1 |
| 20 | `#37356b` | `oklch(36.02% 0.0910 283.00)` | Deep Koamaru | white, 11.1 to 1 |
| 21 | `#31366b` | `oklch(35.75% 0.0904 276.12)` | Deep Koamaru | white, 11.2 to 1 |
| 22 | `#2b3669` | `oklch(35.22% 0.0890 271.44)` | Deep Koamaru | white, 11.4 to 1 |
| 23 | `#263565` | `oklch(34.30% 0.0866 268.28)` | Passionate Blue | white, 11.7 to 1 |
| 24 | `#213360` | `oklch(33.01% 0.0832 266.20)` | Navy Trim | white, 12.3 to 1 |
| 25 | `#1d2f59` | `oklch(31.45% 0.0790 265.02)` | Ending Navy Blue | white, 13 to 1 |
| 26 | `#1a2b52` | `oklch(29.70% 0.0744 264.55)` | Pico Void | white, 13.8 to 1 |
| 27 | `#17274a` | `oklch(27.87% 0.0694 264.61)` | Rurikon Blue | white, 14.7 to 1 |
| 28 | `#142243` | `oklch(26.03% 0.0645 265.02)` | Dark Eclipse | white, 15.6 to 1 |
| 29 | `#121e3c` | `oklch(24.28% 0.0598 265.59)` | Nightwalker | white, 16.4 to 1 |
| 30 | `#101b36` | `oklch(22.71% 0.0556 266.13)` | Trapped Darkness | white, 17.1 to 1 |
| 31 | `#0e1831` | `oklch(21.41% 0.0521 266.47)` | Liberty Blue | white, 17.6 to 1 |
| 32 | `#0d162e` | `oklch(20.47% 0.0496 266.42)` | Liberty Blue | white, 17.9 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #140e20 0.0%, #170f22 3.2%, #1b1025 6.5%, #211228 9.7%, #28142b 12.9%, #2f162d 16.1%, #36172f 19.4%, #3e1930 22.6%, #441b31 25.8%, #4a1d33 29.0%, #4f1f35 32.3%, #512039 35.5%, #53223e 38.7%, #542445 41.9%, #53264e 45.2%, #502956 48.4%, #4c2c5e 51.6%, #463064 54.8%, #3f3369 58.1%, #37356b 61.3%, #31366b 64.5%, #2b3669 67.7%, #263565 71.0%, #213360 74.2%, #1d2f59 77.4%, #1a2b52 80.6%, #17274a 83.9%, #142243 87.1%, #121e3c 90.3%, #101b36 93.5%, #0e1831 96.8%, #0d162e 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(18.11% 0.0372 298.13) 0.0%, oklch(18.94% 0.0397 301.85) 3.2%, oklch(20.06% 0.0431 307.35) 6.5%, oklch(21.41% 0.0471 314.11) 9.7%, oklch(22.91% 0.0516 321.61) 12.9%, oklch(24.51% 0.0564 329.35) 16.1%, oklch(26.13% 0.0612 336.79) 19.4%, oklch(27.72% 0.0660 343.42) 22.6%, oklch(29.20% 0.0704 348.74) 25.8%, oklch(30.51% 0.0744 352.21) 29.0%, oklch(31.59% 0.0776 353.32) 32.3%, oklch(32.44% 0.0802 351.57) 35.5%, oklch(33.24% 0.0826 346.99) 38.7%, oklch(33.99% 0.0848 340.13) 41.9%, oklch(34.65% 0.0868 331.56) 45.2%, oklch(35.22% 0.0884 321.85) 48.4%, oklch(35.66% 0.0897 311.57) 51.6%, oklch(35.96% 0.0907 301.29) 54.8%, oklch(36.09% 0.0911 291.58) 58.1%, oklch(36.02% 0.0910 283.00) 61.3%, oklch(35.75% 0.0904 276.12) 64.5%, oklch(35.22% 0.0890 271.44) 67.7%, oklch(34.30% 0.0866 268.28) 71.0%, oklch(33.01% 0.0832 266.20) 74.2%, oklch(31.45% 0.0790 265.02) 77.4%, oklch(29.70% 0.0744 264.55) 80.6%, oklch(27.87% 0.0694 264.61) 83.9%, oklch(26.03% 0.0645 265.02) 87.1%, oklch(24.28% 0.0598 265.59) 90.3%, oklch(22.71% 0.0556 266.13) 93.5%, oklch(21.41% 0.0521 266.47) 96.8%, oklch(20.47% 0.0496 266.42) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.181 | 0.037 | 298.1 |
| 2 | 0.319 | 0.079 | 353.1 |
| 3 | 0.354 | 0.09 | 272.8 |
| 4 | 0.205 | 0.05 | 266.4 |

## In these collections

- [Dark multicolor gradients](https://grabient.com/dark-multicolor-gradients)

## Other forms

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