# Near-black, gray and champagne remote sensing palette

The Near-black, gray and champagne remote sensing palette brings together black, dark blue, blue, gray, gold, and off-white. The colors span a very broad lightness range, combining strong color with high contrast. Its bold and dramatic character suits information graphics and map mood boards. Its darkest tone is black, and its lightest tone is off-white.

- Also called: Analogous black, gray, orange and tan linear gradient
- Seed: `kYDQS5Hqg_7aJPtHA6vW7o_XyDwQ`
- Page: https://grabient.com/kYDQS5Hqg_7aJPtHA6vW7o_XyDwQ?steps=48&angle=180
- Drawn as: linear gradient, 48 steps, 180 degrees
- Kinds: dark to light
- Hues: complementary
- Contrast of its darkest and lightest colors: 19.7 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 | `#000001` | `oklch(5.12% 0.0055 260.16)` | Black | white, 20.9 to 1 |
| 2 | `#000102` | `oklch(6.33% 0.0132 260.20)` | Binary Black | white, 20.8 to 1 |
| 3 | `#000106` | `oklch(7.89% 0.0243 260.33)` | Black Hole | white, 20.8 to 1 |
| 4 | `#00020f` | `oklch(9.75% 0.0378 260.49)` | Benthic Black | white, 20.6 to 1 |
| 5 | `#000419` | `oklch(11.86% 0.0524 261.33)` | Melanophobia | white, 20.3 to 1 |
| 6 | `#000623` | `oklch(14.11% 0.0636 261.65)` | Melanophobia | white, 19.9 to 1 |
| 7 | `#000a2d` | `oklch(16.42% 0.0729 261.41)` | Mysterious Depths | white, 19.4 to 1 |
| 8 | `#000f37` | `oklch(18.76% 0.0821 261.20)` | Infinite Night | white, 18.7 to 1 |
| 9 | `#001441` | `oklch(21.04% 0.0906 260.93)` | Cetacean Blue | white, 17.8 to 1 |
| 10 | `#00194a` | `oklch(23.21% 0.0976 260.54)` | Kantor Blue | white, 17 to 1 |
| 11 | `#001d53` | `oklch(25.25% 0.1046 260.28)` | Subnautical | white, 16.1 to 1 |
| 12 | `#04225a` | `oklch(27.30% 0.1060 261.03)` | Downriver | white, 15.1 to 1 |
| 13 | `#10285d` | `oklch(29.41% 0.0984 262.66)` | Blue Leviathan | white, 14.1 to 1 |
| 14 | `#1a2f5e` | `oklch(31.52% 0.0882 264.48)` | Ending Navy Blue | white, 13 to 1 |
| 15 | `#24355e` | `oklch(33.62% 0.0763 265.93)` | Navy Trim | white, 12 to 1 |
| 16 | `#2d3b5e` | `oklch(35.70% 0.0636 266.48)` | Blue Depths | white, 11 to 1 |
| 17 | `#35415d` | `oklch(37.72% 0.0510 265.57)` | Gulf Blue | white, 10.1 to 1 |
| 18 | `#3b475c` | `oklch(39.66% 0.0396 262.66)` | Anthracite Blue | white, 9.3 to 1 |
| 19 | `#414d5c` | `oklch(41.52% 0.0302 257.21)` | Night Flight | white, 8.6 to 1 |
| 20 | `#47525d` | `oklch(43.25% 0.0237 248.63)` | Night Tide | white, 7.9 to 1 |
| 21 | `#4b575e` | `oklch(44.84% 0.0183 235.56)` | Submarine Grey | white, 7.4 to 1 |
| 22 | `#515b5e` | `oklch(46.29% 0.0130 218.40)` | City Rain | white, 7 to 1 |
| 23 | `#585e5e` | `oklch(47.65% 0.0081 198.32)` | Mostly Metal | white, 6.6 to 1 |
| 24 | `#5e6160` | `oklch(48.95% 0.0041 176.50)` | Blackish Green | white, 6.2 to 1 |
| 25 | `#636463` | `oklch(50.21% 0.0012 154.13)` | Hard Coal | white, 5.9 to 1 |
| 26 | `#676767` | `oklch(51.48% 0.0000 89.88)` | Shadow Gargoyle | white, 5.6 to 1 |
| 27 | `#6b6b6b` | `oklch(52.77% 0.0004 112.38)` | Boat Anchor | white, 5.3 to 1 |
| 28 | `#6f6f6d` | `oklch(54.14% 0.0030 95.36)` | Welded Iron | white, 5 to 1 |
| 29 | `#76736e` | `oklch(55.60% 0.0083 82.48)` | Gauntlet Grey | white, 4.7 to 1 |
| 30 | `#7e766d` | `oklch(57.13% 0.0175 74.14)` | Bearsuit | black, 4.7 to 1 |
| 31 | `#897968` | `oklch(58.65% 0.0325 68.96)` | Mudskipper | black, 5 to 1 |
| 32 | `#967b60` | `oklch(60.18% 0.0516 66.37)` | Cocoa Pecan | black, 5.3 to 1 |
| 33 | `#a47d55` | `oklch(61.73% 0.0731 65.83)` | Burnt Butter | black, 5.6 to 1 |
| 34 | `#b17e47` | `oklch(63.33% 0.0954 66.79)` | Bungalow Gold | black, 5.9 to 1 |
| 35 | `#bd8136` | `oklch(65.01% 0.1167 68.71)` | Fresh Clay | black, 6.3 to 1 |
| 36 | `#c8841d` | `oklch(66.78% 0.1355 71.05)` | Bubonic Brown | black, 6.7 to 1 |
| 37 | `#d08a00` | `oklch(68.69% 0.1461 73.26)` | Lobster Butter Sauce | black, 7.2 to 1 |
| 38 | `#d69100` | `oklch(70.74% 0.1493 74.82)` | Harvest Eve Gold | black, 7.8 to 1 |
| 39 | `#df9700` | `oklch(72.98% 0.1537 75.34)` | Golden Key | black, 8.5 to 1 |
| 40 | `#e6a01e` | `oklch(75.63% 0.1523 75.93)` | Rowdy Orange | black, 9.4 to 1 |
| 41 | `#ebac43` | `oklch(78.62% 0.1391 76.84)` | Yakitori | black, 10.5 to 1 |
| 42 | `#efb962` | `oklch(81.81% 0.1214 77.97)` | Crunch | black, 11.8 to 1 |
| 43 | `#f1c780` | `oklch(85.07% 0.1007 79.25)` | Butterscotch Cake | black, 13.2 to 1 |
| 44 | `#f4d49d` | `oklch(88.29% 0.0786 80.59)` | Marquisette | black, 14.6 to 1 |
| 45 | `#f6dfb8` | `oklch(91.32% 0.0569 81.89)` | Oklahoma Wheat | black, 16.1 to 1 |
| 46 | `#f8ead0` | `oklch(94.04% 0.0371 83.08)` | Soft Candlelight | black, 17.6 to 1 |
| 47 | `#faf2e4` | `oklch(96.32% 0.0208 84.05)` | Whitewashed Fence | black, 18.8 to 1 |
| 48 | `#fcf8f1` | `oklch(98.03% 0.0096 84.74)` | Milk Jug | black, 19.8 to 1 |

## CSS

```css
background: linear-gradient(180deg, #000001 0.0%, #000102 2.1%, #000106 4.3%, #00020f 6.4%, #000419 8.5%, #000623 10.6%, #000a2d 12.8%, #000f37 14.9%, #001441 17.0%, #00194a 19.1%, #001d53 21.3%, #04225a 23.4%, #10285d 25.5%, #1a2f5e 27.7%, #24355e 29.8%, #2d3b5e 31.9%, #35415d 34.0%, #3b475c 36.2%, #414d5c 38.3%, #47525d 40.4%, #4b575e 42.6%, #515b5e 44.7%, #585e5e 46.8%, #5e6160 48.9%, #636463 51.1%, #676767 53.2%, #6b6b6b 55.3%, #6f6f6d 57.4%, #76736e 59.6%, #7e766d 61.7%, #897968 63.8%, #967b60 66.0%, #a47d55 68.1%, #b17e47 70.2%, #bd8136 72.3%, #c8841d 74.5%, #d08a00 76.6%, #d69100 78.7%, #df9700 80.9%, #e6a01e 83.0%, #ebac43 85.1%, #efb962 87.2%, #f1c780 89.4%, #f4d49d 91.5%, #f6dfb8 93.6%, #f8ead0 95.7%, #faf2e4 97.9%, #fcf8f1 100.0%);
background: linear-gradient(180deg in oklch, oklch(5.12% 0.0055 260.16) 0.0%, oklch(6.33% 0.0132 260.20) 2.1%, oklch(7.89% 0.0243 260.33) 4.3%, oklch(9.75% 0.0378 260.49) 6.4%, oklch(11.86% 0.0524 261.33) 8.5%, oklch(14.11% 0.0636 261.65) 10.6%, oklch(16.42% 0.0729 261.41) 12.8%, oklch(18.76% 0.0821 261.20) 14.9%, oklch(21.04% 0.0906 260.93) 17.0%, oklch(23.21% 0.0976 260.54) 19.1%, oklch(25.25% 0.1046 260.28) 21.3%, oklch(27.30% 0.1060 261.03) 23.4%, oklch(29.41% 0.0984 262.66) 25.5%, oklch(31.52% 0.0882 264.48) 27.7%, oklch(33.62% 0.0763 265.93) 29.8%, oklch(35.70% 0.0636 266.48) 31.9%, oklch(37.72% 0.0510 265.57) 34.0%, oklch(39.66% 0.0396 262.66) 36.2%, oklch(41.52% 0.0302 257.21) 38.3%, oklch(43.25% 0.0237 248.63) 40.4%, oklch(44.84% 0.0183 235.56) 42.6%, oklch(46.29% 0.0130 218.40) 44.7%, oklch(47.65% 0.0081 198.32) 46.8%, oklch(48.95% 0.0041 176.50) 48.9%, oklch(50.21% 0.0012 154.13) 51.1%, oklch(51.48% 0.0000 89.88) 53.2%, oklch(52.77% 0.0004 112.38) 55.3%, oklch(54.14% 0.0030 95.36) 57.4%, oklch(55.60% 0.0083 82.48) 59.6%, oklch(57.13% 0.0175 74.14) 61.7%, oklch(58.65% 0.0325 68.96) 63.8%, oklch(60.18% 0.0516 66.37) 66.0%, oklch(61.73% 0.0731 65.83) 68.1%, oklch(63.33% 0.0954 66.79) 70.2%, oklch(65.01% 0.1167 68.71) 72.3%, oklch(66.78% 0.1355 71.05) 74.5%, oklch(68.69% 0.1461 73.26) 76.6%, oklch(70.74% 0.1493 74.82) 78.7%, oklch(72.98% 0.1537 75.34) 80.9%, oklch(75.63% 0.1523 75.93) 83.0%, oklch(78.62% 0.1391 76.84) 85.1%, oklch(81.81% 0.1214 77.97) 87.2%, oklch(85.07% 0.1007 79.25) 89.4%, oklch(88.29% 0.0786 80.59) 91.5%, oklch(91.32% 0.0569 81.89) 93.6%, oklch(94.04% 0.0371 83.08) 95.7%, oklch(96.32% 0.0208 84.05) 97.9%, oklch(98.03% 0.0096 84.74) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.051 | 0.006 | 260.2 |
| 2 | 0.24 | 0.11 | 260.2 |
| 3 | 0.429 | 0.025 | 250.6 |
| 4 | 0.559 | 0.01 | 80.5 |
| 5 | 0.72 | 0.16 | 75.2 |
| 6 | 0.98 | 0.01 | 84.7 |

## In these collections

- [Remote sensing gradients](https://grabient.com/remote-sensing-gradients)

## Other forms

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