# Near-black, violet and navy cyber monday palette

The Near-black, violet and navy cyber monday palette brings together dark blue and purple. 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 dark blue, and its lightest tone is purple.

- Also called: Analogous black, purple and navy linear gradient
- Seed: `kWJRfK0dVB7zRvwnt78lxa_w`
- Page: https://grabient.com/kWJRfK0dVB7zRvwnt78lxa_w?steps=32&angle=45
- Drawn as: linear gradient, 32 steps, 45 degrees
- Kinds: light center, vivid, cool
- Hues: monochromatic
- Contrast of its darkest and lightest colors: 5.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 | `#090817` | `oklch(14.57% 0.0317 284.77)` | Narwhal Grey | white, 19.8 to 1 |
| 2 | `#130f29` | `oklch(19.02% 0.0495 286.30)` | Corbeau | white, 18.5 to 1 |
| 3 | `#221b44` | `oklch(25.48% 0.0748 288.53)` | Azulado | white, 16 to 1 |
| 4 | `#382867` | `oklch(33.20% 0.1051 291.20)` | Paris M | white, 12.5 to 1 |
| 5 | `#52378d` | `oklch(41.44% 0.1377 294.04)` | Blue Magenta Violet | white, 9.1 to 1 |
| 6 | `#6e44b4` | `oklch(49.44% 0.1698 296.78)` | Shiner | white, 6.6 to 1 |
| 7 | `#8950d8` | `oklch(56.47% 0.1989 299.17)` | Gloomy Purple | white, 5 to 1 |
| 8 | `#9e58f3` | `oklch(61.77% 0.2222 300.93)` | Aconite Violet | black, 5.1 to 1 |
| 9 | `#aa5fff` | `oklch(64.64% 0.2289 301.80)` | Purple Hedonist | black, 5.7 to 1 |
| 10 | `#ab62ff` | `oklch(65.26% 0.2244 301.85)` | Purple Hedonist | black, 5.9 to 1 |
| 11 | `#a85dff` | `oklch(64.21% 0.2306 301.27)` | Vega Violet | black, 5.6 to 1 |
| 12 | `#a051ff` | `oklch(61.91% 0.2447 300.24)` | Irrigo Purple | black, 5.1 to 1 |
| 13 | `#9547f6` | `oklch(58.80% 0.2450 298.90)` | Chaste Blossoms | white, 4.6 to 1 |
| 14 | `#873de9` | `oklch(55.30% 0.2398 297.44)` | Thick Purple | white, 5.4 to 1 |
| 15 | `#7a34db` | `oklch(51.84% 0.2336 296.01)` | Hokkaido Lavender | white, 6.2 to 1 |
| 16 | `#6f2dcf` | `oklch(48.83% 0.2274 294.77)` | Sagat Purple | white, 7.1 to 1 |
| 17 | `#6728c6` | `oklch(46.56% 0.2218 293.83)` | Purple Spot | white, 7.8 to 1 |
| 18 | `#5f23bc` | `oklch(44.38% 0.2149 292.90)` | Rabbit-Ear Iris | white, 8.5 to 1 |
| 19 | `#5720b1` | `oklch(42.18% 0.2068 291.97)` | Rabbit-Ear Iris | white, 9.3 to 1 |
| 20 | `#4f1da6` | `oklch(39.97% 0.1975 291.05)` | Aubergine Perl | white, 10.2 to 1 |
| 21 | `#481a9b` | `oklch(37.79% 0.1875 290.17)` | Space Battle Blue | white, 11 to 1 |
| 22 | `#401890` | `oklch(35.64% 0.1770 289.36)` | Grim Purple | white, 11.9 to 1 |
| 23 | `#3a1685` | `oklch(33.57% 0.1663 288.65)` | Pixie Powder | white, 12.8 to 1 |
| 24 | `#34147a` | `oklch(31.58% 0.1556 288.06)` | Persian Indigo | white, 13.7 to 1 |
| 25 | `#2e136f` | `oklch(29.65% 0.1445 287.62)` | Nebula Night | white, 14.6 to 1 |
| 26 | `#291163` | `oklch(27.67% 0.1319 287.32)` | Nebula Night | white, 15.4 to 1 |
| 27 | `#241058` | `oklch(25.70% 0.1184 287.13)` | Praise of Shadow | white, 16.2 to 1 |
| 28 | `#1f0f4c` | `oklch(23.80% 0.1047 287.02)` | Indigo Sloth | white, 17 to 1 |
| 29 | `#1a0e42` | `oklch(22.03% 0.0915 286.97)` | Deadly Depths | white, 17.6 to 1 |
| 30 | `#160d38` | `oklch(20.45% 0.0795 286.95)` | Grim Reaper | white, 18.2 to 1 |
| 31 | `#130c31` | `oklch(19.13% 0.0694 286.93)` | Spanish Roast | white, 18.6 to 1 |
| 32 | `#110b2b` | `oklch(18.11% 0.0620 286.88)` | Spanish Roast | white, 18.9 to 1 |

## CSS

```css
background: linear-gradient(45deg, #090817 0.0%, #130f29 3.2%, #221b44 6.5%, #382867 9.7%, #52378d 12.9%, #6e44b4 16.1%, #8950d8 19.4%, #9e58f3 22.6%, #aa5fff 25.8%, #ab62ff 29.0%, #a85dff 32.3%, #a051ff 35.5%, #9547f6 38.7%, #873de9 41.9%, #7a34db 45.2%, #6f2dcf 48.4%, #6728c6 51.6%, #5f23bc 54.8%, #5720b1 58.1%, #4f1da6 61.3%, #481a9b 64.5%, #401890 67.7%, #3a1685 71.0%, #34147a 74.2%, #2e136f 77.4%, #291163 80.6%, #241058 83.9%, #1f0f4c 87.1%, #1a0e42 90.3%, #160d38 93.5%, #130c31 96.8%, #110b2b 100.0%);
background: linear-gradient(45deg in oklch, oklch(14.57% 0.0317 284.77) 0.0%, oklch(19.02% 0.0495 286.30) 3.2%, oklch(25.48% 0.0748 288.53) 6.5%, oklch(33.20% 0.1051 291.20) 9.7%, oklch(41.44% 0.1377 294.04) 12.9%, oklch(49.44% 0.1698 296.78) 16.1%, oklch(56.47% 0.1989 299.17) 19.4%, oklch(61.77% 0.2222 300.93) 22.6%, oklch(64.64% 0.2289 301.80) 25.8%, oklch(65.26% 0.2244 301.85) 29.0%, oklch(64.21% 0.2306 301.27) 32.3%, oklch(61.91% 0.2447 300.24) 35.5%, oklch(58.80% 0.2450 298.90) 38.7%, oklch(55.30% 0.2398 297.44) 41.9%, oklch(51.84% 0.2336 296.01) 45.2%, oklch(48.83% 0.2274 294.77) 48.4%, oklch(46.56% 0.2218 293.83) 51.6%, oklch(44.38% 0.2149 292.90) 54.8%, oklch(42.18% 0.2068 291.97) 58.1%, oklch(39.97% 0.1975 291.05) 61.3%, oklch(37.79% 0.1875 290.17) 64.5%, oklch(35.64% 0.1770 289.36) 67.7%, oklch(33.57% 0.1663 288.65) 71.0%, oklch(31.58% 0.1556 288.06) 74.2%, oklch(29.65% 0.1445 287.62) 77.4%, oklch(27.67% 0.1319 287.32) 80.6%, oklch(25.70% 0.1184 287.13) 83.9%, oklch(23.80% 0.1047 287.02) 87.1%, oklch(22.03% 0.0915 286.97) 90.3%, oklch(20.45% 0.0795 286.95) 93.5%, oklch(19.13% 0.0694 286.93) 96.8%, oklch(18.11% 0.0620 286.88) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.146 | 0.032 | 284.8 |
| 2 | 0.642 | 0.234 | 301.7 |
| 3 | 0.476 | 0.225 | 294.3 |
| 4 | 0.311 | 0.153 | 287.9 |
| 5 | 0.181 | 0.062 | 286.9 |

## In these collections

- [Cyber Monday gradients](https://grabient.com/cyber-monday-gradients)

## Other forms

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