# Near-black and deep cyan cyber monday palette

The Near-black and deep cyan cyber monday palette brings together black, dark blue, and teal. The colors span a broad lightness range, combining moderate color with clear contrast. Its dark and grounded character suits brand mood boards and editorial graphics. Its darkest tone is black, and its lightest tone is teal.

- Also called: Monochrome black, blue and navy linear gradient
- Seed: `kUGw66l5A_UilO0WDMUA`
- Page: https://grabient.com/kUGw66l5A_UilO0WDMUA?steps=32
- Drawn as: linear gradient, 32 steps, 90 degrees
- Kinds: light center, vivid, dark, cool, monochrome
- Hues: analogous
- Contrast of its darkest and lightest colors: 4.7 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 | `#02040a` | `oklch(10.63% 0.0193 262.27)` | Ninja | white, 20.5 to 1 |
| 2 | `#02040b` | `oklch(10.95% 0.0206 262.11)` | Eight Ball | white, 20.4 to 1 |
| 3 | `#02050c` | `oklch(11.19% 0.0220 262.09)` | Eight Ball | white, 20.4 to 1 |
| 4 | `#02050d` | `oklch(11.42% 0.0237 262.13)` | Eight Ball | white, 20.4 to 1 |
| 5 | `#02050e` | `oklch(11.70% 0.0256 262.16)` | Eight Ball | white, 20.3 to 1 |
| 6 | `#020610` | `oklch(12.08% 0.0277 262.09)` | Eight Ball | white, 20.2 to 1 |
| 7 | `#020612` | `oklch(12.63% 0.0301 261.86)` | Eight Ball | white, 20.2 to 1 |
| 8 | `#030815` | `oklch(13.41% 0.0328 261.38)` | Narwhal Grey | white, 20 to 1 |
| 9 | `#030a19` | `oklch(14.49% 0.0358 260.57)` | Melanophobia | white, 19.8 to 1 |
| 10 | `#040d1e` | `oklch(15.93% 0.0391 259.36)` | Void | white, 19.4 to 1 |
| 11 | `#051124` | `oklch(17.78% 0.0428 257.67)` | Kuretake Black Manga | white, 18.8 to 1 |
| 12 | `#07172c` | `oklch(20.28% 0.0471 255.25)` | Oxford by Night | white, 18 to 1 |
| 13 | `#092037` | `oklch(23.84% 0.0529 251.69)` | Trapped Darkness | white, 16.5 to 1 |
| 14 | `#0c2b45` | `oklch(28.22% 0.0598 247.26)` | Midnight Ocean | white, 14.4 to 1 |
| 15 | `#0f3955` | `oklch(33.11% 0.0673 242.26)` | Gibraltar Sea | white, 12 to 1 |
| 16 | `#104866` | `oklch(38.22% 0.0750 237.01)` | Stegadon Scale Green | white, 9.7 to 1 |
| 17 | `#0f5876` | `oklch(43.27% 0.0825 231.83)` | Broadway | white, 7.8 to 1 |
| 18 | `#0b6784` | `oklch(47.93% 0.0893 227.04)` | Ansel | white, 6.3 to 1 |
| 19 | `#077490` | `oklch(51.94% 0.0951 222.95)` | Ocean Mirage | white, 5.3 to 1 |
| 20 | `#037e99` | `oklch(54.97% 0.0994 219.88)` | Pacific Pleasure | white, 4.7 to 1 |
| 21 | `#02849e` | `oklch(56.75% 0.1017 218.14)` | Zircon Blue | black, 4.8 to 1 |
| 22 | `#04859f` | `oklch(56.97% 0.1017 218.06)` | Blue Arc | black, 4.8 to 1 |
| 23 | `#0a809b` | `oklch(55.50% 0.0989 219.75)` | Amazing Sky | white, 4.5 to 1 |
| 24 | `#117692` | `oklch(52.62% 0.0939 222.94)` | Blue Luxury | white, 5.2 to 1 |
| 25 | `#166986` | `oklch(48.66% 0.0871 227.28)` | Sea Goddess | white, 6.2 to 1 |
| 26 | `#185976` | `oklch(43.92% 0.0791 232.44)` | Ink Blue | white, 7.6 to 1 |
| 27 | `#184965` | `oklch(38.73% 0.0703 238.06)` | Victorian Peacock | white, 9.6 to 1 |
| 28 | `#163954` | `oklch(33.42% 0.0614 243.80)` | Gibraltar Sea | white, 11.9 to 1 |
| 29 | `#132b43` | `oklch(28.30% 0.0529 249.33)` | Eternal Darkness | white, 14.4 to 1 |
| 30 | `#0f1f33` | `oklch(23.70% 0.0452 254.30)` | Trapped Darkness | white, 16.5 to 1 |
| 31 | `#0a1627` | `oklch(19.93% 0.0388 258.38)` | Creeping Death | white, 18.1 to 1 |
| 32 | `#08101f` | `oklch(17.32% 0.0344 261.21)` | Nyctophobia | white, 19 to 1 |

## CSS

```css
background: linear-gradient(90deg, #02040a 0.0%, #02040b 3.2%, #02050c 6.5%, #02050d 9.7%, #02050e 12.9%, #020610 16.1%, #020612 19.4%, #030815 22.6%, #030a19 25.8%, #040d1e 29.0%, #051124 32.3%, #07172c 35.5%, #092037 38.7%, #0c2b45 41.9%, #0f3955 45.2%, #104866 48.4%, #0f5876 51.6%, #0b6784 54.8%, #077490 58.1%, #037e99 61.3%, #02849e 64.5%, #04859f 67.7%, #0a809b 71.0%, #117692 74.2%, #166986 77.4%, #185976 80.6%, #184965 83.9%, #163954 87.1%, #132b43 90.3%, #0f1f33 93.5%, #0a1627 96.8%, #08101f 100.0%);
background: linear-gradient(90deg in oklch, oklch(10.63% 0.0193 262.27) 0.0%, oklch(10.95% 0.0206 262.11) 3.2%, oklch(11.19% 0.0220 262.09) 6.5%, oklch(11.42% 0.0237 262.13) 9.7%, oklch(11.70% 0.0256 262.16) 12.9%, oklch(12.08% 0.0277 262.09) 16.1%, oklch(12.63% 0.0301 261.86) 19.4%, oklch(13.41% 0.0328 261.38) 22.6%, oklch(14.49% 0.0358 260.57) 25.8%, oklch(15.93% 0.0391 259.36) 29.0%, oklch(17.78% 0.0428 257.67) 32.3%, oklch(20.28% 0.0471 255.25) 35.5%, oklch(23.84% 0.0529 251.69) 38.7%, oklch(28.22% 0.0598 247.26) 41.9%, oklch(33.11% 0.0673 242.26) 45.2%, oklch(38.22% 0.0750 237.01) 48.4%, oklch(43.27% 0.0825 231.83) 51.6%, oklch(47.93% 0.0893 227.04) 54.8%, oklch(51.94% 0.0951 222.95) 58.1%, oklch(54.97% 0.0994 219.88) 61.3%, oklch(56.75% 0.1017 218.14) 64.5%, oklch(56.97% 0.1017 218.06) 67.7%, oklch(55.50% 0.0989 219.75) 71.0%, oklch(52.62% 0.0939 222.94) 74.2%, oklch(48.66% 0.0871 227.28) 77.4%, oklch(43.92% 0.0791 232.44) 80.6%, oklch(38.73% 0.0703 238.06) 83.9%, oklch(33.42% 0.0614 243.80) 87.1%, oklch(28.30% 0.0529 249.33) 90.3%, oklch(23.70% 0.0452 254.30) 93.5%, oklch(19.93% 0.0388 258.38) 96.8%, oklch(17.32% 0.0344 261.21) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.106 | 0.019 | 262.3 |
| 2 | 0.185 | 0.044 | 257 |
| 3 | 0.571 | 0.102 | 217.9 |
| 4 | 0.173 | 0.034 | 261.2 |

## In these collections

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

## Other forms

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