# Navy, black, gray and blue linear swatches

Navy, black, gray and blue linear swatches with 34 colors: #00012f, #00012a, #000023, #00001c, #000014, #00000f, #01000c, #02000d, #050110, #0e0213, #1b0516, #280b17, #341318, #3e1d1b, #462622, #4e312d, #553c3a, #5b4748, #625254, #685c5f, #6e6469, #746a72, #78717d, #7a7787, #787d92, #73839a, #6d88a0, #658ca5, #5b8daa, #4e8caf, #4289b6, #3886bc, #3182c1, #2c80c5. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kYJEO7iZFBqQTTJAhbuTpKzMowQM`
- Page: https://grabient.com/kYJEO7iZFBqQTTJAhbuTpKzMowQM?style=linearSwatches&steps=34
- Drawn as: linear swatches, 34 steps, 90 degrees
- Hues: split-complementary
- Contrast of its darkest and lightest colors: 5.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 | `#00012f` | `oklch(14.21% 0.0921 264.20)` | Illicit Darkness | white, 20 to 1 |
| 2 | `#00012a` | `oklch(13.26% 0.0874 264.21)` | Illicit Darkness | white, 20.2 to 1 |
| 3 | `#000023` | `oklch(11.76% 0.0803 264.12)` | Hadopelagic Water | white, 20.4 to 1 |
| 4 | `#00001c` | `oklch(10.22% 0.0706 264.38)` | Hadopelagic Water | white, 20.6 to 1 |
| 5 | `#000014` | `oklch(8.73% 0.0596 265.54)` | Benthic Black | white, 20.7 to 1 |
| 6 | `#00000f` | `oklch(7.72% 0.0514 268.25)` | Benthic Black | white, 20.8 to 1 |
| 7 | `#01000c` | `oklch(7.39% 0.0471 273.19)` | Benthic Black | white, 20.8 to 1 |
| 8 | `#02000d` | `oklch(8.01% 0.0459 282.72)` | Benthic Black | white, 20.8 to 1 |
| 9 | `#050110` | `oklch(10.06% 0.0454 297.60)` | Broken Tube | white, 20.6 to 1 |
| 10 | `#0e0213` | `oklch(12.97% 0.0469 316.56)` | Glossy Black | white, 20.2 to 1 |
| 11 | `#1b0516` | `oklch(16.46% 0.0494 337.13)` | Crow | white, 19.4 to 1 |
| 12 | `#280b17` | `oklch(20.25% 0.0518 356.86)` | Inside | white, 18.2 to 1 |
| 13 | `#341318` | `oklch(24.08% 0.0533 13.30)` | Tamarind | white, 16.7 to 1 |
| 14 | `#3e1d1b` | `oklch(27.68% 0.0528 23.97)` | Warm Balaclavas Are Forever | white, 15 to 1 |
| 15 | `#462622` | `oklch(31.07% 0.0494 27.90)` | Polished Mahogany | white, 13.3 to 1 |
| 16 | `#4e312d` | `oklch(34.66% 0.0433 27.39)` | Espresso | white, 11.6 to 1 |
| 17 | `#553c3a` | `oklch(38.35% 0.0358 23.28)` | Monkey Island | white, 10 to 1 |
| 18 | `#5b4748` | `oklch(41.99% 0.0280 16.33)` | Wild Boysenberry | white, 8.5 to 1 |
| 19 | `#625254` | `oklch(45.45% 0.0212 7.29)` | Pinot Noir | white, 7.3 to 1 |
| 20 | `#685c5f` | `oklch(48.59% 0.0165 356.94)` | Mauve Mystery | white, 6.4 to 1 |
| 21 | `#6e6469` | `oklch(51.29% 0.0152 345.90)` | Curtain Call | white, 5.7 to 1 |
| 22 | `#746a72` | `oklch(53.68% 0.0166 331.37)` | Sultry Smoke | white, 5.1 to 1 |
| 23 | `#78717d` | `oklch(55.85% 0.0200 313.26)` | Pearl Blackberry | white, 4.7 to 1 |
| 24 | `#7a7787` | `oklch(57.75% 0.0251 293.53)` | Brewing Storm | black, 4.8 to 1 |
| 25 | `#787d92` | `oklch(59.36% 0.0315 274.12)` | Your Shadow | black, 5.1 to 1 |
| 26 | `#73839a` | `oklch(60.63% 0.0391 256.96)` | Stonewash | black, 5.4 to 1 |
| 27 | `#6d88a0` | `oklch(61.55% 0.0475 244.00)` | Sporty Blue | black, 5.7 to 1 |
| 28 | `#658ca5` | `oklch(62.02% 0.0570 236.80)` | Sea Crystal | black, 5.8 to 1 |
| 29 | `#5b8daa` | `oklch(61.89% 0.0693 234.37)` | Gunjō Blue | black, 5.8 to 1 |
| 30 | `#4e8caf` | `oklch(61.30% 0.0835 235.35)` | Atlantic Gull | black, 5.7 to 1 |
| 31 | `#4289b6` | `oklch(60.46% 0.0983 238.47)` | Walker Lake | black, 5.5 to 1 |
| 32 | `#3886bc` | `oklch(59.55% 0.1122 242.44)` | Pat-A-Pep | black, 5.2 to 1 |
| 33 | `#3182c1` | `oklch(58.75% 0.1240 245.98)` | King Triton | black, 5.1 to 1 |
| 34 | `#2c80c5` | `oklch(58.27% 0.1323 247.82)` | Eye Blue | black, 4.9 to 1 |

## CSS

```css
background: linear-gradient(90deg, #00012f 0.000% 2.941%, #00012a 2.941% 5.882%, #000023 5.882% 8.824%, #00001c 8.824% 11.765%, #000014 11.765% 14.706%, #00000f 14.706% 17.647%, #01000c 17.647% 20.588%, #02000d 20.588% 23.529%, #050110 23.529% 26.471%, #0e0213 26.471% 29.412%, #1b0516 29.412% 32.353%, #280b17 32.353% 35.294%, #341318 35.294% 38.235%, #3e1d1b 38.235% 41.176%, #462622 41.176% 44.118%, #4e312d 44.118% 47.059%, #553c3a 47.059% 50.000%, #5b4748 50.000% 52.941%, #625254 52.941% 55.882%, #685c5f 55.882% 58.824%, #6e6469 58.824% 61.765%, #746a72 61.765% 64.706%, #78717d 64.706% 67.647%, #7a7787 67.647% 70.588%, #787d92 70.588% 73.529%, #73839a 73.529% 76.471%, #6d88a0 76.471% 79.412%, #658ca5 79.412% 82.353%, #5b8daa 82.353% 85.294%, #4e8caf 85.294% 88.235%, #4289b6 88.235% 91.176%, #3886bc 91.176% 94.118%, #3182c1 94.118% 97.059%, #2c80c5 97.059% 100.000%);
background: linear-gradient(90deg, oklch(14.21% 0.0921 264.20) 0.000% 2.941%, oklch(13.26% 0.0874 264.21) 2.941% 5.882%, oklch(11.76% 0.0803 264.12) 5.882% 8.824%, oklch(10.22% 0.0706 264.38) 8.824% 11.765%, oklch(8.73% 0.0596 265.54) 11.765% 14.706%, oklch(7.72% 0.0514 268.25) 14.706% 17.647%, oklch(7.39% 0.0471 273.19) 17.647% 20.588%, oklch(8.01% 0.0459 282.72) 20.588% 23.529%, oklch(10.06% 0.0454 297.60) 23.529% 26.471%, oklch(12.97% 0.0469 316.56) 26.471% 29.412%, oklch(16.46% 0.0494 337.13) 29.412% 32.353%, oklch(20.25% 0.0518 356.86) 32.353% 35.294%, oklch(24.08% 0.0533 13.30) 35.294% 38.235%, oklch(27.68% 0.0528 23.97) 38.235% 41.176%, oklch(31.07% 0.0494 27.90) 41.176% 44.118%, oklch(34.66% 0.0433 27.39) 44.118% 47.059%, oklch(38.35% 0.0358 23.28) 47.059% 50.000%, oklch(41.99% 0.0280 16.33) 50.000% 52.941%, oklch(45.45% 0.0212 7.29) 52.941% 55.882%, oklch(48.59% 0.0165 356.94) 55.882% 58.824%, oklch(51.29% 0.0152 345.90) 58.824% 61.765%, oklch(53.68% 0.0166 331.37) 61.765% 64.706%, oklch(55.85% 0.0200 313.26) 64.706% 67.647%, oklch(57.75% 0.0251 293.53) 67.647% 70.588%, oklch(59.36% 0.0315 274.12) 70.588% 73.529%, oklch(60.63% 0.0391 256.96) 73.529% 76.471%, oklch(61.55% 0.0475 244.00) 76.471% 79.412%, oklch(62.02% 0.0570 236.80) 79.412% 82.353%, oklch(61.89% 0.0693 234.37) 82.353% 85.294%, oklch(61.30% 0.0835 235.35) 85.294% 88.235%, oklch(60.46% 0.0983 238.47) 88.235% 91.176%, oklch(59.55% 0.1122 242.44) 91.176% 94.118%, oklch(58.75% 0.1240 245.98) 94.118% 97.059%, oklch(58.27% 0.1323 247.82) 97.059% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.142 | 0.092 | 263.7 |
| 2 | 0.075 | 0.047 | 278.5 |
| 3 | 0.283 | 0.052 | 385.2 |
| 4 | 0.508 | 0.015 | 348.2 |
| 5 | 0.618 | 0.051 | 240.4 |
| 6 | 0.583 | 0.132 | 247.8 |

## In these collections

- [Dark gradients](https://grabient.com/dark-gradients)
- [Dark multicolor gradients](https://grabient.com/dark-multicolor-gradients)
- [Text gradients](https://grabient.com/text-gradients)
- [Minimal color palette](https://grabient.com/minimal-color-palette)

## Other forms

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