# Near-black and turquoise cyber monday palette

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

- Also called: Monochrome black to blue linear gradient
- Seed: `kYGhK8D4q_ZKMv-YDj9NJw8umzvW`
- Page: https://grabient.com/kYGhK8D4q_ZKMv-YDj9NJw8umzvW?steps=32
- Drawn as: linear gradient, 32 steps, 90 degrees
- Kinds: dark to light, neutral, dark, cool
- Hues: analogous
- Contrast of its darkest and lightest colors: 12.8 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 | `#01030b` | `oklch(10.24% 0.0248 264.37)` | Ninja | white, 20.5 to 1 |
| 2 | `#01040c` | `oklch(10.44% 0.0252 263.89)` | Ninja | white, 20.5 to 1 |
| 3 | `#02040c` | `oklch(10.71% 0.0258 263.18)` | Eight Ball | white, 20.5 to 1 |
| 4 | `#02040d` | `oklch(11.04% 0.0265 262.35)` | Eight Ball | white, 20.4 to 1 |
| 5 | `#02050e` | `oklch(11.40% 0.0272 261.51)` | Eight Ball | white, 20.4 to 1 |
| 6 | `#020510` | `oklch(11.77% 0.0280 260.76)` | Eight Ball | white, 20.3 to 1 |
| 7 | `#020611` | `oklch(12.13% 0.0288 260.22)` | Eight Ball | white, 20.2 to 1 |
| 8 | `#020612` | `oklch(12.48% 0.0296 259.98)` | Eight Ball | white, 20.2 to 1 |
| 9 | `#020713` | `oklch(12.80% 0.0305 260.00)` | Black Knight | white, 20.1 to 1 |
| 10 | `#020714` | `oklch(13.13% 0.0314 260.16)` | Melanophobia | white, 20.1 to 1 |
| 11 | `#030815` | `oklch(13.49% 0.0324 260.34)` | Narwhal Grey | white, 20 to 1 |
| 12 | `#030916` | `oklch(13.89% 0.0333 260.42)` | Black Knight | white, 19.9 to 1 |
| 13 | `#030918` | `oklch(14.36% 0.0341 260.29)` | Melanophobia | white, 19.8 to 1 |
| 14 | `#040a19` | `oklch(14.83% 0.0348 259.94)` | Dark Rift | white, 19.7 to 1 |
| 15 | `#040b1a` | `oklch(15.10% 0.0348 259.71)` | Dark Rift | white, 19.6 to 1 |
| 16 | `#040c1a` | `oklch(15.32% 0.0345 259.44)` | Dark Rift | white, 19.6 to 1 |
| 17 | `#040c1b` | `oklch(15.70% 0.0345 258.92)` | Dark Rift | white, 19.5 to 1 |
| 18 | `#050e1d` | `oklch(16.45% 0.0351 257.93)` | Nyctophobia | white, 19.2 to 1 |
| 19 | `#061121` | `oklch(17.76% 0.0368 256.27)` | Kuretake Black Manga | white, 18.8 to 1 |
| 20 | `#081627` | `oklch(19.80% 0.0400 253.71)` | Creeping Death | white, 18.1 to 1 |
| 21 | `#091d2f` | `oklch(22.36% 0.0444 250.04)` | Trapped Darkness | white, 17.1 to 1 |
| 22 | `#0b2439` | `oklch(25.38% 0.0498 245.55)` | Celestial Canvas | white, 15.7 to 1 |
| 23 | `#0b2e44` | `oklch(28.88% 0.0560 240.61)` | NATO Blue | white, 14 to 1 |
| 24 | `#0b3a51` | `oklch(32.87% 0.0630 235.57)` | Gibraltar Sea | white, 12.1 to 1 |
| 25 | `#09475f` | `oklch(37.37% 0.0707 230.78)` | Stegadon Scale Green | white, 10.1 to 1 |
| 26 | `#07566f` | `oklch(42.41% 0.0789 226.60)` | Subaqueous | white, 8.1 to 1 |
| 27 | `#066a84` | `oklch(48.83% 0.0890 222.58)` | Pilot Blue | white, 6.1 to 1 |
| 28 | `#05839d` | `oklch(56.42% 0.1008 218.56)` | Zircon Blue | black, 4.7 to 1 |
| 29 | `#039eb8` | `oklch(64.40% 0.1132 214.74)` | Brilliant Sea | black, 6.5 to 1 |
| 30 | `#02b9d1` | `oklch(72.02% 0.1249 211.28)` | Holiday Blue | black, 8.8 to 1 |
| 31 | `#02d0e6` | `oklch(78.50% 0.1349 208.39)` | Picnic Day Sky | black, 11.1 to 1 |
| 32 | `#03e1f5` | `oklch(83.07% 0.1419 206.25)` | Cold Heights | black, 13 to 1 |

## CSS

```css
background: linear-gradient(90deg, #01030b 0.0%, #01040c 3.2%, #02040c 6.5%, #02040d 9.7%, #02050e 12.9%, #020510 16.1%, #020611 19.4%, #020612 22.6%, #020713 25.8%, #020714 29.0%, #030815 32.3%, #030916 35.5%, #030918 38.7%, #040a19 41.9%, #040b1a 45.2%, #040c1a 48.4%, #040c1b 51.6%, #050e1d 54.8%, #061121 58.1%, #081627 61.3%, #091d2f 64.5%, #0b2439 67.7%, #0b2e44 71.0%, #0b3a51 74.2%, #09475f 77.4%, #07566f 80.6%, #066a84 83.9%, #05839d 87.1%, #039eb8 90.3%, #02b9d1 93.5%, #02d0e6 96.8%, #03e1f5 100.0%);
background: linear-gradient(90deg in oklch, oklch(10.24% 0.0248 264.37) 0.0%, oklch(10.44% 0.0252 263.89) 3.2%, oklch(10.71% 0.0258 263.18) 6.5%, oklch(11.04% 0.0265 262.35) 9.7%, oklch(11.40% 0.0272 261.51) 12.9%, oklch(11.77% 0.0280 260.76) 16.1%, oklch(12.13% 0.0288 260.22) 19.4%, oklch(12.48% 0.0296 259.98) 22.6%, oklch(12.80% 0.0305 260.00) 25.8%, oklch(13.13% 0.0314 260.16) 29.0%, oklch(13.49% 0.0324 260.34) 32.3%, oklch(13.89% 0.0333 260.42) 35.5%, oklch(14.36% 0.0341 260.29) 38.7%, oklch(14.83% 0.0348 259.94) 41.9%, oklch(15.10% 0.0348 259.71) 45.2%, oklch(15.32% 0.0345 259.44) 48.4%, oklch(15.70% 0.0345 258.92) 51.6%, oklch(16.45% 0.0351 257.93) 54.8%, oklch(17.76% 0.0368 256.27) 58.1%, oklch(19.80% 0.0400 253.71) 61.3%, oklch(22.36% 0.0444 250.04) 64.5%, oklch(25.38% 0.0498 245.55) 67.7%, oklch(28.88% 0.0560 240.61) 71.0%, oklch(32.87% 0.0630 235.57) 74.2%, oklch(37.37% 0.0707 230.78) 77.4%, oklch(42.41% 0.0789 226.60) 80.6%, oklch(48.83% 0.0890 222.58) 83.9%, oklch(56.42% 0.1008 218.56) 87.1%, oklch(64.40% 0.1132 214.74) 90.3%, oklch(72.02% 0.1249 211.28) 93.5%, oklch(78.50% 0.1349 208.39) 96.8%, oklch(83.07% 0.1419 206.25) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.102 | 0.025 | 264.4 |
| 2 | 0.122 | 0.029 | 260.1 |
| 3 | 0.146 | 0.034 | 260.1 |
| 4 | 0.189 | 0.039 | 254.9 |
| 5 | 0.413 | 0.077 | 227.4 |
| 6 | 0.831 | 0.142 | 206.3 |

## In these collections

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

## Other forms

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