# Near-black and aubergine cyber monday palette

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

- Also called: Analogous black, navy and purple linear gradient
- Seed: `kWGxLIFxbAye3wA80cC0dVAw`
- Page: https://grabient.com/kWGxLIFxbAye3wA80cC0dVAw?steps=32&angle=45
- Drawn as: linear gradient, 32 steps, 45 degrees
- Kinds: dark to light, vivid, dark, cool
- Hues: monochromatic
- Contrast of its darkest and lightest colors: 5.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 | `#03030c` | `oklch(10.63% 0.0248 281.25)` | Ninja | white, 20.5 to 1 |
| 2 | `#04040e` | `oklch(11.19% 0.0274 281.89)` | Broken Tube | white, 20.4 to 1 |
| 3 | `#050410` | `oklch(11.89% 0.0304 282.79)` | Broken Tube | white, 20.3 to 1 |
| 4 | `#060514` | `oklch(12.73% 0.0340 283.87)` | Not Tonight | white, 20.2 to 1 |
| 5 | `#070617` | `oklch(13.68% 0.0383 285.03)` | Not Tonight | white, 20 to 1 |
| 6 | `#0a071c` | `oklch(14.75% 0.0433 286.19)` | Not Tonight | white, 19.8 to 1 |
| 7 | `#0c0821` | `oklch(15.90% 0.0492 287.26)` | Tristesse | white, 19.5 to 1 |
| 8 | `#0f0a26` | `oklch(17.14% 0.0561 288.15)` | Tristesse | white, 19.2 to 1 |
| 9 | `#130b2d` | `oklch(18.44% 0.0641 288.77)` | Spanish Roast | white, 18.8 to 1 |
| 10 | `#160d34` | `oklch(19.85% 0.0738 289.12)` | Spanish Roast | white, 18.4 to 1 |
| 11 | `#1a0e3d` | `oklch(21.37% 0.0851 289.26)` | Midnight Monarch | white, 17.9 to 1 |
| 12 | `#1e0f46` | `oklch(22.99% 0.0973 289.27)` | Shadow Planet | white, 17.3 to 1 |
| 13 | `#230f50` | `oklch(24.69% 0.1102 289.22)` | Praise of Shadow | white, 16.6 to 1 |
| 14 | `#27105b` | `oklch(26.45% 0.1231 289.20)` | Praise of Shadow | white, 15.9 to 1 |
| 15 | `#2c1166` | `oklch(28.28% 0.1358 289.26)` | Infinite Inkwell | white, 15.2 to 1 |
| 16 | `#321271` | `oklch(30.15% 0.1475 289.50)` | Persian Indigo | white, 14.4 to 1 |
| 17 | `#37137b` | `oklch(32.07% 0.1582 289.96)` | Persian Indigo | white, 13.5 to 1 |
| 18 | `#3e1586` | `oklch(34.08% 0.1690 290.58)` | Pixie Powder | white, 12.6 to 1 |
| 19 | `#451791` | `oklch(36.17% 0.1797 291.32)` | Pitch Violet | white, 11.7 to 1 |
| 20 | `#4c199d` | `oklch(38.33% 0.1901 292.15)` | Amarklor Violet | white, 10.8 to 1 |
| 21 | `#541ca8` | `oklch(40.52% 0.1999 293.04)` | Aubergine Perl | white, 10 to 1 |
| 22 | `#5c1fb3` | `oklch(42.73% 0.2089 293.97)` | Rabbit-Ear Iris | white, 9.1 to 1 |
| 23 | `#6423bd` | `oklch(44.93% 0.2168 294.90)` | Rabbit-Ear Iris | white, 8.3 to 1 |
| 24 | `#6c27c6` | `oklch(47.10% 0.2232 295.82)` | Purple Spot | white, 7.6 to 1 |
| 25 | `#742dcf` | `oklch(49.31% 0.2280 296.75)` | Puissant Purple | white, 6.9 to 1 |
| 26 | `#7c33d8` | `oklch(51.70% 0.2312 297.79)` | Hokkaido Lavender | white, 6.2 to 1 |
| 27 | `#863be0` | `oklch(54.18% 0.2330 298.89)` | Thick Purple | white, 5.6 to 1 |
| 28 | `#8f43e8` | `oklch(56.64% 0.2339 300.00)` | Chaste Blossoms | white, 5 to 1 |
| 29 | `#984aef` | `oklch(58.97% 0.2341 301.07)` | Chaste Blossoms | white, 4.6 to 1 |
| 30 | `#a051f5` | `oklch(61.08% 0.2340 302.03)` | Aconite Violet | black, 4.9 to 1 |
| 31 | `#a756fa` | `oklch(62.85% 0.2339 302.84)` | Vega Violet | black, 5.3 to 1 |
| 32 | `#ac5afe` | `oklch(64.17% 0.2343 303.44)` | Vega Violet | black, 5.6 to 1 |

## CSS

```css
background: linear-gradient(45deg, #03030c 0.0%, #04040e 3.2%, #050410 6.5%, #060514 9.7%, #070617 12.9%, #0a071c 16.1%, #0c0821 19.4%, #0f0a26 22.6%, #130b2d 25.8%, #160d34 29.0%, #1a0e3d 32.3%, #1e0f46 35.5%, #230f50 38.7%, #27105b 41.9%, #2c1166 45.2%, #321271 48.4%, #37137b 51.6%, #3e1586 54.8%, #451791 58.1%, #4c199d 61.3%, #541ca8 64.5%, #5c1fb3 67.7%, #6423bd 71.0%, #6c27c6 74.2%, #742dcf 77.4%, #7c33d8 80.6%, #863be0 83.9%, #8f43e8 87.1%, #984aef 90.3%, #a051f5 93.5%, #a756fa 96.8%, #ac5afe 100.0%);
background: linear-gradient(45deg in oklch, oklch(10.63% 0.0248 281.25) 0.0%, oklch(11.19% 0.0274 281.89) 3.2%, oklch(11.89% 0.0304 282.79) 6.5%, oklch(12.73% 0.0340 283.87) 9.7%, oklch(13.68% 0.0383 285.03) 12.9%, oklch(14.75% 0.0433 286.19) 16.1%, oklch(15.90% 0.0492 287.26) 19.4%, oklch(17.14% 0.0561 288.15) 22.6%, oklch(18.44% 0.0641 288.77) 25.8%, oklch(19.85% 0.0738 289.12) 29.0%, oklch(21.37% 0.0851 289.26) 32.3%, oklch(22.99% 0.0973 289.27) 35.5%, oklch(24.69% 0.1102 289.22) 38.7%, oklch(26.45% 0.1231 289.20) 41.9%, oklch(28.28% 0.1358 289.26) 45.2%, oklch(30.15% 0.1475 289.50) 48.4%, oklch(32.07% 0.1582 289.96) 51.6%, oklch(34.08% 0.1690 290.58) 54.8%, oklch(36.17% 0.1797 291.32) 58.1%, oklch(38.33% 0.1901 292.15) 61.3%, oklch(40.52% 0.1999 293.04) 64.5%, oklch(42.73% 0.2089 293.97) 67.7%, oklch(44.93% 0.2168 294.90) 71.0%, oklch(47.10% 0.2232 295.82) 74.2%, oklch(49.31% 0.2280 296.75) 77.4%, oklch(51.70% 0.2312 297.79) 80.6%, oklch(54.18% 0.2330 298.89) 83.9%, oklch(56.64% 0.2339 300.00) 87.1%, oklch(58.97% 0.2341 301.07) 90.3%, oklch(61.08% 0.2340 302.03) 93.5%, oklch(62.85% 0.2339 302.84) 96.8%, oklch(64.17% 0.2343 303.44) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.106 | 0.025 | 281.3 |
| 2 | 0.181 | 0.062 | 288.6 |
| 3 | 0.311 | 0.153 | 289.7 |
| 4 | 0.476 | 0.225 | 296 |
| 5 | 0.642 | 0.234 | 303.4 |

## In these collections

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

## Other forms

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