# Blue and magenta cyber monday palette

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

- Also called: Analogous navy, blue, purple and pink linear gradient
- Seed: `kUKyy1ttPBE3axBZU8QA`
- Page: https://grabient.com/kUKyy1ttPBE3axBZU8QA?steps=40&angle=135
- Drawn as: linear gradient, 40 steps, 135 degrees
- Kinds: dark to light, vivid
- Hues: analogous
- Contrast of its darkest and lightest colors: 6.4 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 | `#000e27` | `oklch(16.96% 0.0575 255.81)` | Void | white, 19.1 to 1 |
| 2 | `#00112c` | `oklch(18.12% 0.0620 256.06)` | Squid’s Ink | white, 18.8 to 1 |
| 3 | `#001433` | `oklch(19.60% 0.0677 256.29)` | Squid’s Ink | white, 18.3 to 1 |
| 4 | `#00183a` | `oklch(21.33% 0.0744 256.55)` | Navy | white, 17.6 to 1 |
| 5 | `#001c43` | `oklch(23.28% 0.0821 256.85)` | Maastricht Blue | white, 16.8 to 1 |
| 6 | `#00204d` | `oklch(25.40% 0.0910 257.21)` | Oxford Blue | white, 15.9 to 1 |
| 7 | `#002558` | `oklch(27.65% 0.1009 257.66)` | Clarinet | white, 14.9 to 1 |
| 8 | `#002a64` | `oklch(29.97% 0.1120 258.21)` | Blue Leviathan | white, 13.8 to 1 |
| 9 | `#002f71` | `oklch(32.32% 0.1246 258.88)` | Konjō Blue | white, 12.7 to 1 |
| 10 | `#003380` | `oklch(34.65% 0.1391 259.70)` | Cobalt Blue Tarantula | white, 11.7 to 1 |
| 11 | `#003790` | `oklch(36.93% 0.1565 260.67)` | Dark Seashore Night | white, 10.8 to 1 |
| 12 | `#0039a2` | `oklch(39.10% 0.1786 261.83)` | Philippine Blue | white, 10 to 1 |
| 13 | `#0036ba` | `oklch(41.11% 0.2113 263.19)` | Blue Screen of Death | white, 9.3 to 1 |
| 14 | `#0d35ca` | `oklch(42.91% 0.2301 264.75)` | Sapphire Glitter | white, 8.8 to 1 |
| 15 | `#1c37d4` | `oklch(44.59% 0.2366 266.60)` | Third Eye Chakra | white, 8.2 to 1 |
| 16 | `#2939dc` | `oklch(46.22% 0.2417 268.71)` | Palatinate Blue | white, 7.7 to 1 |
| 17 | `#353be4` | `oklch(47.82% 0.2456 271.06)` | Palatinate Blue | white, 7.2 to 1 |
| 18 | `#413dea` | `oklch(49.36% 0.2484 273.61)` | Royal Vessel | white, 6.8 to 1 |
| 19 | `#4d3eef` | `oklch(50.86% 0.2502 276.31)` | Royal Vessel | white, 6.4 to 1 |
| 20 | `#5840f4` | `oklch(52.32% 0.2513 279.14)` | Purplish Blue | white, 6 to 1 |
| 21 | `#6342f7` | `oklch(53.72% 0.2517 282.07)` | Pink OCD | white, 5.7 to 1 |
| 22 | `#6e44fa` | `oklch(55.08% 0.2516 285.05)` | Pink OCD | white, 5.4 to 1 |
| 23 | `#7846fc` | `oklch(56.38% 0.2512 288.06)` | Venetian Nights | white, 5.1 to 1 |
| 24 | `#8248fd` | `oklch(57.62% 0.2507 291.05)` | Sweet Escape | white, 4.8 to 1 |
| 25 | `#8b49fe` | `oklch(58.81% 0.2501 294.00)` | Sweet Escape | white, 4.6 to 1 |
| 26 | `#954bff` | `oklch(59.95% 0.2496 296.87)` | Irrigo Purple | black, 4.7 to 1 |
| 27 | `#9d4cff` | `oklch(61.02% 0.2494 299.62)` | Irrigo Purple | black, 4.9 to 1 |
| 28 | `#a64dff` | `oklch(62.04% 0.2491 302.40)` | Vega Violet | black, 5.1 to 1 |
| 29 | `#ae4efd` | `oklch(63.01% 0.2484 305.33)` | Vega Violet | black, 5.3 to 1 |
| 30 | `#b64ffb` | `oklch(63.92% 0.2472 308.38)` | Vega Violet | black, 5.5 to 1 |
| 31 | `#be50f8` | `oklch(64.77% 0.2457 311.49)` | Pink Fever | black, 5.7 to 1 |
| 32 | `#c651f5` | `oklch(65.58% 0.2439 314.62)` | Bubblegum Baby Girl | black, 5.8 to 1 |
| 33 | `#cd52f1` | `oklch(66.33% 0.2420 317.71)` | Bubblegum Baby Girl | black, 6 to 1 |
| 34 | `#d453ed` | `oklch(67.02% 0.2399 320.73)` | Bubblegum Baby Girl | black, 6.2 to 1 |
| 35 | `#da54e8` | `oklch(67.67% 0.2379 323.62)` | Clematis Magenta | black, 6.3 to 1 |
| 36 | `#df55e4` | `oklch(68.26% 0.2359 326.33)` | Clematis Magenta | black, 6.5 to 1 |
| 37 | `#e455e0` | `oklch(68.79% 0.2340 328.82)` | Free Speech Magenta | black, 6.6 to 1 |
| 38 | `#e856dd` | `oklch(69.28% 0.2324 331.05)` | Free Speech Magenta | black, 6.8 to 1 |
| 39 | `#ec57d9` | `oklch(69.70% 0.2311 332.95)` | Free Speech Magenta | black, 6.9 to 1 |
| 40 | `#ef58d7` | `oklch(70.08% 0.2301 334.49)` | Kinky Pinky | black, 7 to 1 |

## CSS

```css
background: linear-gradient(135deg, #000e27 0.0%, #00112c 2.6%, #001433 5.1%, #00183a 7.7%, #001c43 10.3%, #00204d 12.8%, #002558 15.4%, #002a64 17.9%, #002f71 20.5%, #003380 23.1%, #003790 25.6%, #0039a2 28.2%, #0036ba 30.8%, #0d35ca 33.3%, #1c37d4 35.9%, #2939dc 38.5%, #353be4 41.0%, #413dea 43.6%, #4d3eef 46.2%, #5840f4 48.7%, #6342f7 51.3%, #6e44fa 53.8%, #7846fc 56.4%, #8248fd 59.0%, #8b49fe 61.5%, #954bff 64.1%, #9d4cff 66.7%, #a64dff 69.2%, #ae4efd 71.8%, #b64ffb 74.4%, #be50f8 76.9%, #c651f5 79.5%, #cd52f1 82.1%, #d453ed 84.6%, #da54e8 87.2%, #df55e4 89.7%, #e455e0 92.3%, #e856dd 94.9%, #ec57d9 97.4%, #ef58d7 100.0%);
background: linear-gradient(135deg in oklch, oklch(16.96% 0.0575 255.81) 0.0%, oklch(18.12% 0.0620 256.06) 2.6%, oklch(19.60% 0.0677 256.29) 5.1%, oklch(21.33% 0.0744 256.55) 7.7%, oklch(23.28% 0.0821 256.85) 10.3%, oklch(25.40% 0.0910 257.21) 12.8%, oklch(27.65% 0.1009 257.66) 15.4%, oklch(29.97% 0.1120 258.21) 17.9%, oklch(32.32% 0.1246 258.88) 20.5%, oklch(34.65% 0.1391 259.70) 23.1%, oklch(36.93% 0.1565 260.67) 25.6%, oklch(39.10% 0.1786 261.83) 28.2%, oklch(41.11% 0.2113 263.19) 30.8%, oklch(42.91% 0.2301 264.75) 33.3%, oklch(44.59% 0.2366 266.60) 35.9%, oklch(46.22% 0.2417 268.71) 38.5%, oklch(47.82% 0.2456 271.06) 41.0%, oklch(49.36% 0.2484 273.61) 43.6%, oklch(50.86% 0.2502 276.31) 46.2%, oklch(52.32% 0.2513 279.14) 48.7%, oklch(53.72% 0.2517 282.07) 51.3%, oklch(55.08% 0.2516 285.05) 53.8%, oklch(56.38% 0.2512 288.06) 56.4%, oklch(57.62% 0.2507 291.05) 59.0%, oklch(58.81% 0.2501 294.00) 61.5%, oklch(59.95% 0.2496 296.87) 64.1%, oklch(61.02% 0.2494 299.62) 66.7%, oklch(62.04% 0.2491 302.40) 69.2%, oklch(63.01% 0.2484 305.33) 71.8%, oklch(63.92% 0.2472 308.38) 74.4%, oklch(64.77% 0.2457 311.49) 76.9%, oklch(65.58% 0.2439 314.62) 79.5%, oklch(66.33% 0.2420 317.71) 82.1%, oklch(67.02% 0.2399 320.73) 84.6%, oklch(67.67% 0.2379 323.62) 87.2%, oklch(68.26% 0.2359 326.33) 89.7%, oklch(68.79% 0.2340 328.82) 92.3%, oklch(69.28% 0.2324 331.05) 94.9%, oklch(69.70% 0.2311 332.95) 97.4%, oklch(70.08% 0.2301 334.49) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.169 | 0.061 | 255.2 |
| 2 | 0.429 | 0.23 | 264.7 |
| 3 | 0.61 | 0.249 | 299.6 |
| 4 | 0.701 | 0.23 | 334.5 |

## In these collections

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

## Other forms

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