# Monochrome black, navy and gray linear swatches

Monochrome black, navy and gray linear swatches with 64 colors: #00030a, #00040b, #00040d, #00050e, #000610, #000712, #000813, #000a16, #000b18, #000d1a, #000f1c, #00111e, #011220, #011423, #021625, #021827, #021a29, #031b2b, #031d2e, #041f30, #052233, #062436, #082738, #0a293c, #0d2d3f, #113043, #153447, #1a394b, #1f3e50, #254355, #2b495a, #324f5f, #395565, #405b6b, #476270, #4e6876, #546e7c, #5b7481, #617986, #687f8b, #6f8591, #768b96, #7d929c, #8498a2, #8c9ea7, #92a4ad, #99aab1, #9fafb6, #a4b3ba, #a8b6bd, #abb9bf, #adbbc1, #adbbc1, #acbbc1, #aab9bf, #a8b7bd, #a5b4bb, #a1b1b8, #9daeb5, #99abb2, #96a8b0, #93a6ad, #90a4ab, #8fa2aa. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kYGRauFw6_iYSP3HDL84wa_VkJP6`
- Page: https://grabient.com/kYGRauFw6_iYSP3HDL84wa_VkJP6?style=linearSwatches&steps=64
- Drawn as: linear swatches, 64 steps, 90 degrees
- Kinds: neutral, cool
- Hues: monochromatic
- Contrast of its darkest and lightest colors: 10.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 | `#00030a` | `oklch(9.93% 0.0266 247.85)` | Ninja | white, 20.5 to 1 |
| 2 | `#00040b` | `oklch(10.29% 0.0273 247.39)` | Ninja | white, 20.5 to 1 |
| 3 | `#00040d` | `oklch(10.73% 0.0282 246.90)` | Ninja | white, 20.4 to 1 |
| 4 | `#00050e` | `oklch(11.23% 0.0291 246.38)` | Eight Ball | white, 20.4 to 1 |
| 5 | `#000610` | `oklch(11.80% 0.0302 245.86)` | Eight Ball | white, 20.3 to 1 |
| 6 | `#000712` | `oklch(12.42% 0.0315 245.35)` | Black Knight | white, 20.2 to 1 |
| 7 | `#000813` | `oklch(13.08% 0.0328 244.86)` | Black Knight | white, 20 to 1 |
| 8 | `#000a16` | `oklch(13.79% 0.0343 244.38)` | Black Knight | white, 19.9 to 1 |
| 9 | `#000b18` | `oklch(14.51% 0.0356 243.71)` | Black Knight | white, 19.7 to 1 |
| 10 | `#000d1a` | `oklch(15.26% 0.0368 242.84)` | Black Knight | white, 19.5 to 1 |
| 11 | `#000f1c` | `oklch(16.03% 0.0378 242.29)` | Kuretake Black Manga | white, 19.3 to 1 |
| 12 | `#00111e` | `oklch(16.83% 0.0387 241.99)` | Kuretake Black Manga | white, 19.1 to 1 |
| 13 | `#011220` | `oklch(17.63% 0.0395 241.69)` | Kuretake Black Manga | white, 18.8 to 1 |
| 14 | `#011423` | `oklch(18.43% 0.0403 241.40)` | Kuretake Black Manga | white, 18.6 to 1 |
| 15 | `#021625` | `oklch(19.19% 0.0412 241.11)` | Creeping Death | white, 18.3 to 1 |
| 16 | `#021827` | `oklch(19.93% 0.0422 240.81)` | Creeping Death | white, 18 to 1 |
| 17 | `#021a29` | `oklch(20.67% 0.0432 240.51)` | Oxford by Night | white, 17.7 to 1 |
| 18 | `#031b2b` | `oklch(21.41% 0.0443 240.20)` | Oxford by Night | white, 17.4 to 1 |
| 19 | `#031d2e` | `oklch(22.18% 0.0454 239.89)` | Oxford by Night | white, 17.1 to 1 |
| 20 | `#041f30` | `oklch(22.99% 0.0464 239.57)` | Cyanophobia | white, 16.8 to 1 |
| 21 | `#052233` | `oklch(23.86% 0.0474 239.24)` | Midnight Dreams | white, 16.4 to 1 |
| 22 | `#062436` | `oklch(24.80% 0.0482 238.89)` | Celestial Canvas | white, 16 to 1 |
| 23 | `#082738` | `oklch(25.83% 0.0489 238.54)` | Murky Depths | white, 15.5 to 1 |
| 24 | `#0a293c` | `oklch(26.97% 0.0494 238.17)` | Murky Depths | white, 14.9 to 1 |
| 25 | `#0d2d3f` | `oklch(28.23% 0.0497 237.78)` | NATO Blue | white, 14.3 to 1 |
| 26 | `#113043` | `oklch(29.62% 0.0496 237.37)` | NATO Blue | white, 13.7 to 1 |
| 27 | `#153447` | `oklch(31.18% 0.0493 236.94)` | Blue Whale | white, 12.9 to 1 |
| 28 | `#1a394b` | `oklch(32.92% 0.0488 236.49)` | Subterranean River | white, 12.1 to 1 |
| 29 | `#1f3e50` | `oklch(34.82% 0.0479 236.00)` | Depths of the Nile | white, 11.2 to 1 |
| 30 | `#254355` | `oklch(36.84% 0.0469 235.50)` | Reef Resort | white, 10.3 to 1 |
| 31 | `#2b495a` | `oklch(38.96% 0.0457 234.98)` | Black Forest Blue | white, 9.5 to 1 |
| 32 | `#324f5f` | `oklch(41.16% 0.0444 234.45)` | Velvet Evening | white, 8.6 to 1 |
| 33 | `#395565` | `oklch(43.40% 0.0429 233.92)` | Twilight Chimes | white, 7.8 to 1 |
| 34 | `#405b6b` | `oklch(45.66% 0.0414 233.38)` | Blue Spell | white, 7.1 to 1 |
| 35 | `#476270` | `oklch(47.91% 0.0399 232.85)` | Nostalgic Evening | white, 6.4 to 1 |
| 36 | `#4e6876` | `oklch(50.12% 0.0384 232.33)` | Before the Storm | white, 5.9 to 1 |
| 37 | `#546e7c` | `oklch(52.28% 0.0369 231.82)` | Lily Pond Blue | white, 5.3 to 1 |
| 38 | `#5b7481` | `oklch(54.34% 0.0355 231.33)` | Hampton Surf | white, 4.9 to 1 |
| 39 | `#617986` | `oklch(56.29% 0.0342 230.86)` | Tool Blue | black, 4.6 to 1 |
| 40 | `#687f8b` | `oklch(58.28% 0.0328 230.39)` | Windy Seas | black, 5 to 1 |
| 41 | `#6f8591` | `oklch(60.37% 0.0313 229.92)` | Shoreline | black, 5.4 to 1 |
| 42 | `#768b96` | `oklch(62.50% 0.0298 229.46)` | Bluish Grey | black, 5.9 to 1 |
| 43 | `#7d929c` | `oklch(64.65% 0.0282 228.99)` | Inland Waters | black, 6.4 to 1 |
| 44 | `#8498a2` | `oklch(66.78% 0.0266 228.54)` | Evening Eclipse | black, 7 to 1 |
| 45 | `#8c9ea7` | `oklch(68.84% 0.0250 228.09)` | Lost at Sea | black, 7.5 to 1 |
| 46 | `#92a4ad` | `oklch(70.80% 0.0234 227.65)` | Galleria Blue | black, 8.1 to 1 |
| 47 | `#99aab1` | `oklch(72.62% 0.0220 227.23)` | Meditative | black, 8.7 to 1 |
| 48 | `#9fafb6` | `oklch(74.26% 0.0207 226.84)` | Electric Slide | black, 9.2 to 1 |
| 49 | `#a4b3ba` | `oklch(75.68% 0.0196 226.46)` | Porch Ceiling | black, 9.7 to 1 |
| 50 | `#a8b6bd` | `oklch(76.84% 0.0187 226.11)` | Intercoastal Grey | black, 10.1 to 1 |
| 51 | `#abb9bf` | `oklch(77.70% 0.0181 225.79)` | Lakeside | black, 10.4 to 1 |
| 52 | `#adbbc1` | `oklch(78.22% 0.0177 225.49)` | Blue Heather | black, 10.6 to 1 |
| 53 | `#adbbc1` | `oklch(78.35% 0.0177 225.23)` | Blue Heather | black, 10.6 to 1 |
| 54 | `#acbbc1` | `oklch(78.14% 0.0179 224.99)` | Blue Heather | black, 10.5 to 1 |
| 55 | `#aab9bf` | `oklch(77.65% 0.0184 224.77)` | Lakeside | black, 10.4 to 1 |
| 56 | `#a8b7bd` | `oklch(76.95% 0.0190 224.57)` | Half Sea Fog | black, 10.1 to 1 |
| 57 | `#a5b4bb` | `oklch(76.07% 0.0197 224.39)` | Shark Loop | black, 9.8 to 1 |
| 58 | `#a1b1b8` | `oklch(75.09% 0.0206 224.23)` | Ovation | black, 9.5 to 1 |
| 59 | `#9daeb5` | `oklch(74.06% 0.0215 224.09)` | Shower | black, 9.1 to 1 |
| 60 | `#99abb2` | `oklch(73.03% 0.0223 223.96)` | Smoke on the Water | black, 8.8 to 1 |
| 61 | `#96a8b0` | `oklch(72.06% 0.0231 223.84)` | Meditative | black, 8.5 to 1 |
| 62 | `#93a6ad` | `oklch(71.20% 0.0238 223.74)` | Galleria Blue | black, 8.2 to 1 |
| 63 | `#90a4ab` | `oklch(70.53% 0.0244 223.64)` | Galleria Blue | black, 8 to 1 |
| 64 | `#8fa2aa` | `oklch(70.08% 0.0248 223.55)` | Stormy Skies | black, 7.9 to 1 |

## CSS

```css
background: linear-gradient(90deg, #00030a 0.000% 1.563%, #00040b 1.563% 3.125%, #00040d 3.125% 4.688%, #00050e 4.688% 6.250%, #000610 6.250% 7.813%, #000712 7.813% 9.375%, #000813 9.375% 10.938%, #000a16 10.938% 12.500%, #000b18 12.500% 14.063%, #000d1a 14.063% 15.625%, #000f1c 15.625% 17.188%, #00111e 17.188% 18.750%, #011220 18.750% 20.313%, #011423 20.313% 21.875%, #021625 21.875% 23.438%, #021827 23.438% 25.000%, #021a29 25.000% 26.563%, #031b2b 26.563% 28.125%, #031d2e 28.125% 29.688%, #041f30 29.688% 31.250%, #052233 31.250% 32.813%, #062436 32.813% 34.375%, #082738 34.375% 35.938%, #0a293c 35.938% 37.500%, #0d2d3f 37.500% 39.063%, #113043 39.063% 40.625%, #153447 40.625% 42.188%, #1a394b 42.188% 43.750%, #1f3e50 43.750% 45.313%, #254355 45.313% 46.875%, #2b495a 46.875% 48.438%, #324f5f 48.438% 50.000%, #395565 50.000% 51.563%, #405b6b 51.563% 53.125%, #476270 53.125% 54.688%, #4e6876 54.688% 56.250%, #546e7c 56.250% 57.813%, #5b7481 57.813% 59.375%, #617986 59.375% 60.938%, #687f8b 60.938% 62.500%, #6f8591 62.500% 64.063%, #768b96 64.063% 65.625%, #7d929c 65.625% 67.188%, #8498a2 67.188% 68.750%, #8c9ea7 68.750% 70.313%, #92a4ad 70.313% 71.875%, #99aab1 71.875% 73.438%, #9fafb6 73.438% 75.000%, #a4b3ba 75.000% 76.563%, #a8b6bd 76.563% 78.125%, #abb9bf 78.125% 79.688%, #adbbc1 79.688% 81.250%, #adbbc1 81.250% 82.813%, #acbbc1 82.813% 84.375%, #aab9bf 84.375% 85.938%, #a8b7bd 85.938% 87.500%, #a5b4bb 87.500% 89.063%, #a1b1b8 89.063% 90.625%, #9daeb5 90.625% 92.188%, #99abb2 92.188% 93.750%, #96a8b0 93.750% 95.313%, #93a6ad 95.313% 96.875%, #90a4ab 96.875% 98.438%, #8fa2aa 98.438% 100.000%);
background: linear-gradient(90deg, oklch(9.93% 0.0266 247.85) 0.000% 1.563%, oklch(10.29% 0.0273 247.39) 1.563% 3.125%, oklch(10.73% 0.0282 246.90) 3.125% 4.688%, oklch(11.23% 0.0291 246.38) 4.688% 6.250%, oklch(11.80% 0.0302 245.86) 6.250% 7.813%, oklch(12.42% 0.0315 245.35) 7.813% 9.375%, oklch(13.08% 0.0328 244.86) 9.375% 10.938%, oklch(13.79% 0.0343 244.38) 10.938% 12.500%, oklch(14.51% 0.0356 243.71) 12.500% 14.063%, oklch(15.26% 0.0368 242.84) 14.063% 15.625%, oklch(16.03% 0.0378 242.29) 15.625% 17.188%, oklch(16.83% 0.0387 241.99) 17.188% 18.750%, oklch(17.63% 0.0395 241.69) 18.750% 20.313%, oklch(18.43% 0.0403 241.40) 20.313% 21.875%, oklch(19.19% 0.0412 241.11) 21.875% 23.438%, oklch(19.93% 0.0422 240.81) 23.438% 25.000%, oklch(20.67% 0.0432 240.51) 25.000% 26.563%, oklch(21.41% 0.0443 240.20) 26.563% 28.125%, oklch(22.18% 0.0454 239.89) 28.125% 29.688%, oklch(22.99% 0.0464 239.57) 29.688% 31.250%, oklch(23.86% 0.0474 239.24) 31.250% 32.813%, oklch(24.80% 0.0482 238.89) 32.813% 34.375%, oklch(25.83% 0.0489 238.54) 34.375% 35.938%, oklch(26.97% 0.0494 238.17) 35.938% 37.500%, oklch(28.23% 0.0497 237.78) 37.500% 39.063%, oklch(29.62% 0.0496 237.37) 39.063% 40.625%, oklch(31.18% 0.0493 236.94) 40.625% 42.188%, oklch(32.92% 0.0488 236.49) 42.188% 43.750%, oklch(34.82% 0.0479 236.00) 43.750% 45.313%, oklch(36.84% 0.0469 235.50) 45.313% 46.875%, oklch(38.96% 0.0457 234.98) 46.875% 48.438%, oklch(41.16% 0.0444 234.45) 48.438% 50.000%, oklch(43.40% 0.0429 233.92) 50.000% 51.563%, oklch(45.66% 0.0414 233.38) 51.563% 53.125%, oklch(47.91% 0.0399 232.85) 53.125% 54.688%, oklch(50.12% 0.0384 232.33) 54.688% 56.250%, oklch(52.28% 0.0369 231.82) 56.250% 57.813%, oklch(54.34% 0.0355 231.33) 57.813% 59.375%, oklch(56.29% 0.0342 230.86) 59.375% 60.938%, oklch(58.28% 0.0328 230.39) 60.938% 62.500%, oklch(60.37% 0.0313 229.92) 62.500% 64.063%, oklch(62.50% 0.0298 229.46) 64.063% 65.625%, oklch(64.65% 0.0282 228.99) 65.625% 67.188%, oklch(66.78% 0.0266 228.54) 67.188% 68.750%, oklch(68.84% 0.0250 228.09) 68.750% 70.313%, oklch(70.80% 0.0234 227.65) 70.313% 71.875%, oklch(72.62% 0.0220 227.23) 71.875% 73.438%, oklch(74.26% 0.0207 226.84) 73.438% 75.000%, oklch(75.68% 0.0196 226.46) 75.000% 76.563%, oklch(76.84% 0.0187 226.11) 76.563% 78.125%, oklch(77.70% 0.0181 225.79) 78.125% 79.688%, oklch(78.22% 0.0177 225.49) 79.688% 81.250%, oklch(78.35% 0.0177 225.23) 81.250% 82.813%, oklch(78.14% 0.0179 224.99) 82.813% 84.375%, oklch(77.65% 0.0184 224.77) 84.375% 85.938%, oklch(76.95% 0.0190 224.57) 85.938% 87.500%, oklch(76.07% 0.0197 224.39) 87.500% 89.063%, oklch(75.09% 0.0206 224.23) 89.063% 90.625%, oklch(74.06% 0.0215 224.09) 90.625% 92.188%, oklch(73.03% 0.0223 223.96) 92.188% 93.750%, oklch(72.06% 0.0231 223.84) 93.750% 95.313%, oklch(71.20% 0.0238 223.74) 95.313% 96.875%, oklch(70.53% 0.0244 223.64) 96.875% 98.438%, oklch(70.08% 0.0248 223.55) 98.438% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.098 | 0.03 | 244.7 |
| 2 | 0.181 | 0.04 | 241.5 |
| 3 | 0.299 | 0.05 | 237.3 |
| 4 | 0.559 | 0.034 | 230.9 |
| 5 | 0.78 | 0.018 | 225.7 |
| 6 | 0.701 | 0.025 | 223.6 |

## In these collections

- [Dark gradients](https://grabient.com/dark-gradients)
- [Night sky gradients](https://grabient.com/night-sky-gradients)

## Other forms

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