# Near-black, navy and orange multicolor palette

The Near-black, navy and orange multicolor palette brings together black, dark blue, dark purple, and orange. The colors span a broad lightness range, combining strong color with clear contrast. Its bold and dramatic character suits brand mood boards and editorial graphics. Its darkest tone is black, and its lightest tone is orange.

- Also called: Black, navy, purple and orange linear gradient
- Seed: `kUFAqblZBDSZARFaQ07g`
- Page: https://grabient.com/kUFAqblZBDSZARFaQ07g?steps=32&angle=45
- Drawn as: linear gradient, 32 steps, 45 degrees
- Kinds: dark to light, vivid, dark
- Hues: wide
- Contrast of its darkest and lightest colors: 7.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 | `#000203` | `oklch(7.87% 0.0138 218.67)` | Black Hole | white, 20.7 to 1 |
| 2 | `#000204` | `oklch(8.38% 0.0151 220.27)` | Black Hole | white, 20.7 to 1 |
| 3 | `#000305` | `oklch(9.00% 0.0162 222.27)` | Black Hole | white, 20.6 to 1 |
| 4 | `#000406` | `oklch(9.72% 0.0173 224.62)` | Ninja | white, 20.6 to 1 |
| 5 | `#000508` | `oklch(10.54% 0.0186 227.25)` | Eight Ball | white, 20.5 to 1 |
| 6 | `#00060a` | `oklch(11.43% 0.0203 230.13)` | Eight Ball | white, 20.3 to 1 |
| 7 | `#01070d` | `oklch(12.39% 0.0226 233.18)` | Eight Ball | white, 20.2 to 1 |
| 8 | `#010911` | `oklch(13.40% 0.0257 236.37)` | Black Knight | white, 20 to 1 |
| 9 | `#010b15` | `oklch(14.44% 0.0298 239.63)` | Black Knight | white, 19.7 to 1 |
| 10 | `#010d1a` | `oklch(15.50% 0.0350 242.90)` | Black Knight | white, 19.5 to 1 |
| 11 | `#00101f` | `oklch(16.57% 0.0416 246.14)` | Kuretake Black Manga | white, 19.2 to 1 |
| 12 | `#001125` | `oklch(17.63% 0.0496 249.74)` | Kuretake Black Manga | white, 18.9 to 1 |
| 13 | `#00132a` | `oklch(18.52% 0.0557 252.18)` | Squid’s Ink | white, 18.6 to 1 |
| 14 | `#00142f` | `oklch(19.34% 0.0622 254.33)` | Squid’s Ink | white, 18.3 to 1 |
| 15 | `#001535` | `oklch(20.14% 0.0698 256.40)` | Squid’s Ink | white, 18.1 to 1 |
| 16 | `#00163c` | `oklch(20.99% 0.0798 258.60)` | Navy | white, 17.8 to 1 |
| 17 | `#001546` | `oklch(21.95% 0.0958 261.15)` | Kantor Blue | white, 17.5 to 1 |
| 18 | `#000d5b` | `oklch(23.09% 0.1345 264.09)` | Interstellar Blue | white, 17.3 to 1 |
| 19 | `#090965` | `oklch(24.49% 0.1485 268.06)` | D. Darx Blue | white, 16.9 to 1 |
| 20 | `#150570` | `oklch(26.20% 0.1610 273.04)` | Quantum of Light | white, 16.3 to 1 |
| 21 | `#23017a` | `oklch(28.29% 0.1711 279.25)` | Child of the Night | white, 15.4 to 1 |
| 22 | `#330082` | `oklch(30.86% 0.1780 286.96)` | Marionberry | white, 14.3 to 1 |
| 23 | `#470288` | `oklch(34.13% 0.1836 297.08)` | Indigo Static | white, 12.8 to 1 |
| 24 | `#60088b` | `oklch(38.08% 0.1868 309.25)` | SQL Injection Purple | white, 11 to 1 |
| 25 | `#7b1188` | `oklch(42.50% 0.1885 322.92)` | Aunt Violet | white, 9.2 to 1 |
| 26 | `#981a80` | `oklch(47.21% 0.1890 337.49)` | Haunted Purple | white, 7.5 to 1 |
| 27 | `#b32573` | `oklch(52.00% 0.1887 352.39)` | Treasured Love | white, 6.1 to 1 |
| 28 | `#ca3463` | `oklch(56.71% 0.1877 7.01)` | Spicy Berry | white, 5 to 1 |
| 29 | `#dd4651` | `oklch(61.14% 0.1866 20.77)` | Re-Entry | black, 5 to 1 |
| 30 | `#ea593c` | `oklch(65.10% 0.1854 33.08)` | Fuego | black, 6 to 1 |
| 31 | `#f36a25` | `oklch(68.40% 0.1847 43.35)` | Island Orange | black, 6.8 to 1 |
| 32 | `#f87700` | `oklch(70.87% 0.1846 51.00)` | Liquid Lava | black, 7.6 to 1 |

## CSS

```css
background: linear-gradient(45deg, #000203 0.0%, #000204 3.2%, #000305 6.5%, #000406 9.7%, #000508 12.9%, #00060a 16.1%, #01070d 19.4%, #010911 22.6%, #010b15 25.8%, #010d1a 29.0%, #00101f 32.3%, #001125 35.5%, #00132a 38.7%, #00142f 41.9%, #001535 45.2%, #00163c 48.4%, #001546 51.6%, #000d5b 54.8%, #090965 58.1%, #150570 61.3%, #23017a 64.5%, #330082 67.7%, #470288 71.0%, #60088b 74.2%, #7b1188 77.4%, #981a80 80.6%, #b32573 83.9%, #ca3463 87.1%, #dd4651 90.3%, #ea593c 93.5%, #f36a25 96.8%, #f87700 100.0%);
background: linear-gradient(45deg in oklch, oklch(7.87% 0.0138 218.67) 0.0%, oklch(8.38% 0.0151 220.27) 3.2%, oklch(9.00% 0.0162 222.27) 6.5%, oklch(9.72% 0.0173 224.62) 9.7%, oklch(10.54% 0.0186 227.25) 12.9%, oklch(11.43% 0.0203 230.13) 16.1%, oklch(12.39% 0.0226 233.18) 19.4%, oklch(13.40% 0.0257 236.37) 22.6%, oklch(14.44% 0.0298 239.63) 25.8%, oklch(15.50% 0.0350 242.90) 29.0%, oklch(16.57% 0.0416 246.14) 32.3%, oklch(17.63% 0.0496 249.74) 35.5%, oklch(18.52% 0.0557 252.18) 38.7%, oklch(19.34% 0.0622 254.33) 41.9%, oklch(20.14% 0.0698 256.40) 45.2%, oklch(20.99% 0.0798 258.60) 48.4%, oklch(21.95% 0.0958 261.15) 51.6%, oklch(23.09% 0.1345 264.09) 54.8%, oklch(24.49% 0.1485 268.06) 58.1%, oklch(26.20% 0.1610 273.04) 61.3%, oklch(28.29% 0.1711 279.25) 64.5%, oklch(30.86% 0.1780 286.96) 67.7%, oklch(34.13% 0.1836 297.08) 71.0%, oklch(38.08% 0.1868 309.25) 74.2%, oklch(42.50% 0.1885 322.92) 77.4%, oklch(47.21% 0.1890 337.49) 80.6%, oklch(52.00% 0.1887 352.39) 83.9%, oklch(56.71% 0.1877 7.01) 87.1%, oklch(61.14% 0.1866 20.77) 90.3%, oklch(65.10% 0.1854 33.08) 93.5%, oklch(68.40% 0.1847 43.35) 96.8%, oklch(70.87% 0.1846 51.00) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.079 | 0.014 | 218.7 |
| 2 | 0.169 | 0.044 | 247.2 |
| 3 | 0.299 | 0.176 | 284.2 |
| 4 | 0.709 | 0.185 | 411 |

## In these collections

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

## Other forms

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