# Blue and turquoise cyber monday palette

The Blue and turquoise cyber monday palette brings together dark blue, blue, and teal. 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 teal.

- Also called: Monochrome navy, blue and light blue linear gradient
- Seed: `kUJijALci_snavtgvbrA`
- Page: https://grabient.com/kUJijALci_snavtgvbrA?steps=32
- Drawn as: linear gradient, 32 steps, 90 degrees
- Kinds: dark to light, vivid, cool
- Hues: analogous
- Contrast of its darkest and lightest colors: 9.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 | `#040822` | `oklch(14.96% 0.0551 270.00)` | Melanophobia | white, 19.7 to 1 |
| 2 | `#050928` | `oklch(16.15% 0.0638 269.91)` | Mysterious Depths | white, 19.4 to 1 |
| 3 | `#060b31` | `oklch(17.67% 0.0755 269.84)` | Cosmic Void | white, 19 to 1 |
| 4 | `#070d3c` | `oklch(19.46% 0.0894 269.76)` | Deep Cove | white, 18.5 to 1 |
| 5 | `#090f49` | `oklch(21.47% 0.1050 269.68)` | Kantor Blue | white, 17.8 to 1 |
| 6 | `#0c1156` | `oklch(23.64% 0.1215 269.56)` | Shadowdancer | white, 17 to 1 |
| 7 | `#0e1365` | `oklch(25.93% 0.1385 269.40)` | Dying Storm Blue | white, 16.1 to 1 |
| 8 | `#111574` | `oklch(28.27% 0.1551 269.19)` | 20000 Leagues Under the Sea | white, 15.1 to 1 |
| 9 | `#131883` | `oklch(30.62% 0.1707 268.91)` | Galactic Cruise | white, 14.1 to 1 |
| 10 | `#151b91` | `oklch(32.93% 0.1847 268.54)` | Celestial Indigo | white, 13 to 1 |
| 11 | `#16209f` | `oklch(35.13% 0.1965 268.07)` | Deepsea Kraken | white, 12 to 1 |
| 12 | `#1725aa` | `oklch(37.22% 0.2059 267.55)` | City Hunter Blue | white, 11.1 to 1 |
| 13 | `#182ab6` | `oklch(39.36% 0.2146 267.14)` | Sapphire Splendour | white, 10.2 to 1 |
| 14 | `#1930c2` | `oklch(41.53% 0.2226 266.79)` | Blue Screen of Death | white, 9.3 to 1 |
| 15 | `#1b36cd` | `oklch(43.72% 0.2297 266.43)` | Third Eye Chakra | white, 8.5 to 1 |
| 16 | `#1b3dd8` | `oklch(45.92% 0.2359 265.98)` | Merchant Marine Blue | white, 7.7 to 1 |
| 17 | `#1b44e3` | `oklch(48.12% 0.2411 265.38)` | Merchant Marine Blue | white, 7 to 1 |
| 18 | `#194cec` | `oklch(50.29% 0.2452 264.55)` | Opulent Blue | white, 6.3 to 1 |
| 19 | `#1254f6` | `oklch(52.43% 0.2482 263.41)` | Megaman Helmet | white, 5.8 to 1 |
| 20 | `#015dfe` | `oklch(54.53% 0.2498 261.91)` | Kyanite | white, 5.2 to 1 |
| 21 | `#0069fa` | `oklch(56.56% 0.2304 259.97)` | Bright Blue | white, 4.7 to 1 |
| 22 | `#0075f6` | `oklch(58.53% 0.2119 257.48)` | Deep Sky Blue | black, 4.8 to 1 |
| 23 | `#0080f1` | `oklch(60.54% 0.1936 254.14)` | Brescian Blue | black, 5.3 to 1 |
| 24 | `#008bed` | `oklch(62.59% 0.1773 250.04)` | Bleu de France | black, 5.8 to 1 |
| 25 | `#0095ea` | `oklch(64.65% 0.1641 245.39)` | Pervenche | black, 6.4 to 1 |
| 26 | `#009ee8` | `oklch(66.67% 0.1538 240.40)` | Button Blue | black, 7 to 1 |
| 27 | `#00a6e7` | `oklch(68.63% 0.1461 235.27)` | Huelveño Horizon | black, 7.6 to 1 |
| 28 | `#00aee6` | `oklch(70.47% 0.1408 230.23)` | Royal Peacock | black, 8.2 to 1 |
| 29 | `#00b6e6` | `oklch(72.17% 0.1373 225.48)` | Cyanite | black, 8.8 to 1 |
| 30 | `#00bce6` | `oklch(73.68% 0.1353 221.22)` | Blue Raspberry | black, 9.3 to 1 |
| 31 | `#00c1e6` | `oklch(74.96% 0.1344 217.68)` | Blue Raspberry | black, 9.8 to 1 |
| 32 | `#00c6e6` | `oklch(75.99% 0.1343 215.05)` | Caribbean Blue | black, 10.1 to 1 |

## CSS

```css
background: linear-gradient(90deg, #040822 0.0%, #050928 3.2%, #060b31 6.5%, #070d3c 9.7%, #090f49 12.9%, #0c1156 16.1%, #0e1365 19.4%, #111574 22.6%, #131883 25.8%, #151b91 29.0%, #16209f 32.3%, #1725aa 35.5%, #182ab6 38.7%, #1930c2 41.9%, #1b36cd 45.2%, #1b3dd8 48.4%, #1b44e3 51.6%, #194cec 54.8%, #1254f6 58.1%, #015dfe 61.3%, #0069fa 64.5%, #0075f6 67.7%, #0080f1 71.0%, #008bed 74.2%, #0095ea 77.4%, #009ee8 80.6%, #00a6e7 83.9%, #00aee6 87.1%, #00b6e6 90.3%, #00bce6 93.5%, #00c1e6 96.8%, #00c6e6 100.0%);
background: linear-gradient(90deg in oklch, oklch(14.96% 0.0551 270.00) 0.0%, oklch(16.15% 0.0638 269.91) 3.2%, oklch(17.67% 0.0755 269.84) 6.5%, oklch(19.46% 0.0894 269.76) 9.7%, oklch(21.47% 0.1050 269.68) 12.9%, oklch(23.64% 0.1215 269.56) 16.1%, oklch(25.93% 0.1385 269.40) 19.4%, oklch(28.27% 0.1551 269.19) 22.6%, oklch(30.62% 0.1707 268.91) 25.8%, oklch(32.93% 0.1847 268.54) 29.0%, oklch(35.13% 0.1965 268.07) 32.3%, oklch(37.22% 0.2059 267.55) 35.5%, oklch(39.36% 0.2146 267.14) 38.7%, oklch(41.53% 0.2226 266.79) 41.9%, oklch(43.72% 0.2297 266.43) 45.2%, oklch(45.92% 0.2359 265.98) 48.4%, oklch(48.12% 0.2411 265.38) 51.6%, oklch(50.29% 0.2452 264.55) 54.8%, oklch(52.43% 0.2482 263.41) 58.1%, oklch(54.53% 0.2498 261.91) 61.3%, oklch(56.56% 0.2304 259.97) 64.5%, oklch(58.53% 0.2119 257.48) 67.7%, oklch(60.54% 0.1936 254.14) 71.0%, oklch(62.59% 0.1773 250.04) 74.2%, oklch(64.65% 0.1641 245.39) 77.4%, oklch(66.67% 0.1538 240.40) 80.6%, oklch(68.63% 0.1461 235.27) 83.9%, oklch(70.47% 0.1408 230.23) 87.1%, oklch(72.17% 0.1373 225.48) 90.3%, oklch(73.68% 0.1353 221.22) 93.5%, oklch(74.96% 0.1344 217.68) 96.8%, oklch(75.99% 0.1343 215.05) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.15 | 0.055 | 270 |
| 2 | 0.358 | 0.2 | 267.9 |
| 3 | 0.579 | 0.249 | 258.4 |
| 4 | 0.76 | 0.169 | 215 |

## In these collections

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

## Other forms

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