# Near-black and blue cyber monday palette

This palette brings together dark blue and blue. It lightens and then darkens across a moderate lightness range, combining strong color with gentle contrast. Its dark and grounded character suits brand mood boards and social graphics, especially compositions that need closely related light and dark areas.

- Also called: Seamless monochrome navy and blue radial gradient
- Seed: `kSKxy-vsC_BiTwC`
- Page: https://grabient.com/kSKxy-vsC_BiTwC?style=radialGradient&steps=32&angle=0
- Drawn as: radial gradient, 32 steps, 0 degrees
- Kinds: light center, dark, cool, monochrome, seamless
- Hues: monochromatic
- Contrast of its darkest and lightest colors: 2.9 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 | `#080e20` | `oklch(16.93% 0.0386 267.89)` | Tristesse | white, 19.1 to 1 |
| 2 | `#091125` | `oklch(18.22% 0.0441 267.60)` | Corbeau | white, 18.7 to 1 |
| 3 | `#0b142d` | `oklch(19.97% 0.0516 267.23)` | Liberty Blue | white, 18.1 to 1 |
| 4 | `#0e1937` | `oklch(22.09% 0.0607 266.78)` | Dark Knight | white, 17.3 to 1 |
| 5 | `#101e42` | `oklch(24.50% 0.0711 266.27)` | Dark Eclipse | white, 16.3 to 1 |
| 6 | `#13234f` | `oklch(27.15% 0.0825 265.72)` | Dark Soul | white, 15.1 to 1 |
| 7 | `#162a5c` | `oklch(29.94% 0.0944 265.13)` | Schiava Blue | white, 13.8 to 1 |
| 8 | `#18306b` | `oklch(32.80% 0.1067 264.52)` | Atlantic Navy | white, 12.5 to 1 |
| 9 | `#1a3779` | `oklch(35.65% 0.1190 263.91)` | Twilight Express | white, 11.2 to 1 |
| 10 | `#1c3e88` | `oklch(38.42% 0.1309 263.30)` | Mystery Oceans | white, 10 to 1 |
| 11 | `#1d4496` | `oklch(41.04% 0.1422 262.72)` | Space Explorer | white, 9 to 1 |
| 12 | `#1e4aa3` | `oklch(43.42% 0.1524 262.17)` | Sea of Tears | white, 8.1 to 1 |
| 13 | `#1e4faf` | `oklch(45.50% 0.1614 261.67)` | Aarhusian Sky | white, 7.5 to 1 |
| 14 | `#1d54b8` | `oklch(47.18% 0.1687 261.23)` | Sapphire | white, 6.9 to 1 |
| 15 | `#1c57bf` | `oklch(48.41% 0.1741 260.87)` | Cerulean Blue | white, 6.6 to 1 |
| 16 | `#1b59c3` | `oklch(49.09% 0.1772 260.59)` | Cerulean Blue | white, 6.4 to 1 |
| 17 | `#1a59c3` | `oklch(49.17% 0.1777 260.42)` | Cerulean Blue | white, 6.4 to 1 |
| 18 | `#1958c0` | `oklch(48.65% 0.1756 260.33)` | London Rain | white, 6.5 to 1 |
| 19 | `#1855bb` | `oklch(47.59% 0.1713 260.32)` | London Rain | white, 6.8 to 1 |
| 20 | `#1752b2` | `oklch(46.08% 0.1651 260.37)` | Blizzy Blueberry | white, 7.3 to 1 |
| 21 | `#174da8` | `oklch(44.18% 0.1573 260.47)` | The Blues Brothers | white, 7.9 to 1 |
| 22 | `#16479c` | `oklch(41.97% 0.1481 260.63)` | Space Explorer | white, 8.6 to 1 |
| 23 | `#15418f` | `oklch(39.53% 0.1380 260.82)` | Liberalist | white, 9.6 to 1 |
| 24 | `#133b81` | `oklch(36.94% 0.1272 261.03)` | Surf the Web | white, 10.6 to 1 |
| 25 | `#123473` | `oklch(34.25% 0.1160 261.26)` | Atlantic Navy | white, 11.8 to 1 |
| 26 | `#102e66` | `oklch(31.55% 0.1048 261.51)` | Cool Black | white, 13 to 1 |
| 27 | `#0e2859` | `oklch(28.92% 0.0938 261.75)` | Fibonacci Blue | white, 14.3 to 1 |
| 28 | `#0d224d` | `oklch(26.42% 0.0834 261.98)` | Subnautical | white, 15.4 to 1 |
| 29 | `#0b1d42` | `oklch(24.14% 0.0739 262.19)` | Midnight Mirage | white, 16.5 to 1 |
| 30 | `#091939` | `oklch(22.14% 0.0656 262.37)` | Naval Night | white, 17.3 to 1 |
| 31 | `#081632` | `oklch(20.50% 0.0588 262.51)` | Liberty Blue | white, 17.9 to 1 |
| 32 | `#07132c` | `oklch(19.29% 0.0537 262.61)` | Squid’s Ink | white, 18.4 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #080e20 0.0%, #091125 3.2%, #0b142d 6.5%, #0e1937 9.7%, #101e42 12.9%, #13234f 16.1%, #162a5c 19.4%, #18306b 22.6%, #1a3779 25.8%, #1c3e88 29.0%, #1d4496 32.3%, #1e4aa3 35.5%, #1e4faf 38.7%, #1d54b8 41.9%, #1c57bf 45.2%, #1b59c3 48.4%, #1a59c3 51.6%, #1958c0 54.8%, #1855bb 58.1%, #1752b2 61.3%, #174da8 64.5%, #16479c 67.7%, #15418f 71.0%, #133b81 74.2%, #123473 77.4%, #102e66 80.6%, #0e2859 83.9%, #0d224d 87.1%, #0b1d42 90.3%, #091939 93.5%, #081632 96.8%, #07132c 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(16.93% 0.0386 267.89) 0.0%, oklch(18.22% 0.0441 267.60) 3.2%, oklch(19.97% 0.0516 267.23) 6.5%, oklch(22.09% 0.0607 266.78) 9.7%, oklch(24.50% 0.0711 266.27) 12.9%, oklch(27.15% 0.0825 265.72) 16.1%, oklch(29.94% 0.0944 265.13) 19.4%, oklch(32.80% 0.1067 264.52) 22.6%, oklch(35.65% 0.1190 263.91) 25.8%, oklch(38.42% 0.1309 263.30) 29.0%, oklch(41.04% 0.1422 262.72) 32.3%, oklch(43.42% 0.1524 262.17) 35.5%, oklch(45.50% 0.1614 261.67) 38.7%, oklch(47.18% 0.1687 261.23) 41.9%, oklch(48.41% 0.1741 260.87) 45.2%, oklch(49.09% 0.1772 260.59) 48.4%, oklch(49.17% 0.1777 260.42) 51.6%, oklch(48.65% 0.1756 260.33) 54.8%, oklch(47.59% 0.1713 260.32) 58.1%, oklch(46.08% 0.1651 260.37) 61.3%, oklch(44.18% 0.1573 260.47) 64.5%, oklch(41.97% 0.1481 260.63) 67.7%, oklch(39.53% 0.1380 260.82) 71.0%, oklch(36.94% 0.1272 261.03) 74.2%, oklch(34.25% 0.1160 261.26) 77.4%, oklch(31.55% 0.1048 261.51) 80.6%, oklch(28.92% 0.0938 261.75) 83.9%, oklch(26.42% 0.0834 261.98) 87.1%, oklch(24.14% 0.0739 262.19) 90.3%, oklch(22.14% 0.0656 262.37) 93.5%, oklch(20.50% 0.0588 262.51) 96.8%, oklch(19.29% 0.0537 262.61) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.169 | 0.039 | 267.9 |
| 2 | 0.492 | 0.178 | 260.5 |
| 3 | 0.193 | 0.054 | 262.6 |

## In these collections

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

## Other forms

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