# Navy, champagne and burgundy remote sensing palette

The Navy, champagne and burgundy remote sensing palette brings together blue, light blue, off-white, light orange, orange, and red. The colors span a broad lightness range, combining strong color with clear contrast. Its bold and dramatic character suits information graphics and map mood boards. Its darkest tone is blue, and its lightest tone is off-white.

- Also called: Blue, white and red linear gradient
- Seed: `kaZnSyTqg_WWSPt6A62ZZY9k6zPYzOj4g`
- Page: https://grabient.com/kaZnSyTqg_WWSPt6A62ZZY9k6zPYzOj4g?steps=48&angle=180
- Drawn as: linear gradient, 48 steps, 180 degrees
- Kinds: light center
- Hues: complementary
- Contrast of its darkest and lightest colors: 8.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 | `#004983` | `oklch(40.16% 0.1148 250.36)` | Bridgeport | white, 9.1 to 1 |
| 2 | `#004e8a` | `oklch(41.90% 0.1185 249.97)` | Magnetic Blue | white, 8.5 to 1 |
| 3 | `#005594` | `oklch(44.24% 0.1235 249.48)` | Ocean | white, 7.6 to 1 |
| 4 | `#005d9f` | `oklch(47.04% 0.1294 248.90)` | Drakenhof Nightshade | white, 6.8 to 1 |
| 5 | `#0067ac` | `oklch(50.12% 0.1357 248.23)` | Wing Commander | white, 5.9 to 1 |
| 6 | `#1971b4` | `oklch(53.34% 0.1311 247.47)` | Cobalt Glaze | white, 5.1 to 1 |
| 7 | `#2c7bba` | `oklch(56.53% 0.1236 246.67)` | Haddock’s Sweater | black, 4.6 to 1 |
| 8 | `#3b85c0` | `oklch(59.55% 0.1162 245.80)` | King Triton | black, 5.2 to 1 |
| 9 | `#488dc4` | `oklch(62.23% 0.1091 244.90)` | Azure Blue | black, 5.8 to 1 |
| 10 | `#5694c8` | `oklch(64.72% 0.1016 245.22)` | Come Sail Away | black, 6.4 to 1 |
| 11 | `#649bcc` | `oklch(67.13% 0.0937 246.74)` | Tantalise | black, 7.1 to 1 |
| 12 | `#72a2d0` | `oklch(69.48% 0.0855 248.59)` | Overcast | black, 7.7 to 1 |
| 13 | `#7fa8d3` | `oklch(71.78% 0.0773 249.87)` | Windfall | black, 8.4 to 1 |
| 14 | `#8aafd5` | `oklch(74.04% 0.0691 249.72)` | Boo Blue | black, 9.1 to 1 |
| 15 | `#93b6d7` | `oklch(76.26% 0.0613 247.23)` | Oxygen Blue | black, 9.9 to 1 |
| 16 | `#9bbed9` | `oklch(78.46% 0.0541 241.54)` | Bluette | black, 10.7 to 1 |
| 17 | `#a2c6d9` | `oklch(80.67% 0.0474 231.63)` | Sound Waves | black, 11.6 to 1 |
| 18 | `#abcfd9` | `oklch(83.17% 0.0405 216.00)` | Hisoku Blue | black, 12.6 to 1 |
| 19 | `#b8d8d8` | `oklch(85.88% 0.0334 195.74)` | Greenland Ice | black, 13.8 to 1 |
| 20 | `#c9dfd8` | `oklch(88.61% 0.0264 172.62)` | Ulthuan Grey | black, 15 to 1 |
| 21 | `#d9e6db` | `oklch(91.17% 0.0201 148.39)` | Swans Down | black, 16.2 to 1 |
| 22 | `#e7ebe0` | `oklch(93.37% 0.0150 124.80)` | Hydrangea Floret | black, 17.3 to 1 |
| 23 | `#f0efe6` | `oklch(95.02% 0.0113 103.62)` | Cuddle Down | black, 18.1 to 1 |
| 24 | `#f4f1ea` | `oklch(95.94% 0.0096 86.59)` | Winter Doldrums | black, 18.6 to 1 |
| 25 | `#f6f1ea` | `oklch(95.94% 0.0103 75.11)` | Winter Doldrums | black, 18.6 to 1 |
| 26 | `#f5ede5` | `oklch(95.02% 0.0133 67.86)` | Soft Lace | black, 18.1 to 1 |
| 27 | `#f2e7dd` | `oklch(93.37% 0.0182 63.76)` | Soothing Pink | black, 17.2 to 1 |
| 28 | `#eedfd2` | `oklch(91.17% 0.0246 61.96)` | Nearly Peach | black, 16 to 1 |
| 29 | `#ead5c4` | `oklch(88.61% 0.0322 61.61)` | Mother of Pearl | black, 14.8 to 1 |
| 30 | `#e5cbb6` | `oklch(85.88% 0.0405 61.86)` | Take-Out | black, 13.5 to 1 |
| 31 | `#e0c1a8` | `oklch(83.17% 0.0492 61.89)` | Strawberry Malt | black, 12.3 to 1 |
| 32 | `#dcb89b` | `oklch(80.67% 0.0578 60.83)` | Wassail | black, 11.3 to 1 |
| 33 | `#daaf8f` | `oklch(78.46% 0.0666 58.37)` | Boot Hill Ghost | black, 10.5 to 1 |
| 34 | `#d8a683` | `oklch(76.26% 0.0768 55.73)` | Clay Fire | black, 9.6 to 1 |
| 35 | `#d79c76` | `oklch(74.04% 0.0880 53.06)` | Laredo | black, 8.8 to 1 |
| 36 | `#d6916a` | `oklch(71.78% 0.0997 50.39)` | Copper Cove | black, 8.1 to 1 |
| 37 | `#d5875e` | `oklch(69.48% 0.1112 47.76)` | Copperhead | black, 7.4 to 1 |
| 38 | `#d37c53` | `oklch(67.13% 0.1220 45.19)` | Jack-O-Lantern | black, 6.7 to 1 |
| 39 | `#d07049` | `oklch(64.72% 0.1316 42.72)` | Coral Gold | black, 6.1 to 1 |
| 40 | `#cb6540` | `oklch(62.23% 0.1395 40.39)` | Zōng Hóng Red | black, 5.4 to 1 |
| 41 | `#c55a38` | `oklch(59.55% 0.1453 38.15)` | Summer Fig | black, 4.9 to 1 |
| 42 | `#bd4e31` | `oklch(56.53% 0.1496 35.88)` | Burnt Ochre | white, 4.8 to 1 |
| 43 | `#b4422a` | `oklch(53.34% 0.1528 33.66)` | Crimson Boy | white, 5.5 to 1 |
| 44 | `#aa3624` | `oklch(50.12% 0.1550 31.54)` | Chinese Brown | white, 6.4 to 1 |
| 45 | `#a02a1f` | `oklch(47.03% 0.1566 29.57)` | Red Birch | white, 7.3 to 1 |
| 46 | `#971e1a` | `oklch(44.24% 0.1578 27.83)` | Antique Port Wine | white, 8.3 to 1 |
| 47 | `#901216` | `oklch(41.90% 0.1587 26.36)` | Jack and Coke | white, 9.2 to 1 |
| 48 | `#8a0514` | `oklch(40.16% 0.1598 25.22)` | Crimson | white, 9.9 to 1 |

## CSS

```css
background: linear-gradient(180deg, #004983 0.0%, #004e8a 2.1%, #005594 4.3%, #005d9f 6.4%, #0067ac 8.5%, #1971b4 10.6%, #2c7bba 12.8%, #3b85c0 14.9%, #488dc4 17.0%, #5694c8 19.1%, #649bcc 21.3%, #72a2d0 23.4%, #7fa8d3 25.5%, #8aafd5 27.7%, #93b6d7 29.8%, #9bbed9 31.9%, #a2c6d9 34.0%, #abcfd9 36.2%, #b8d8d8 38.3%, #c9dfd8 40.4%, #d9e6db 42.6%, #e7ebe0 44.7%, #f0efe6 46.8%, #f4f1ea 48.9%, #f6f1ea 51.1%, #f5ede5 53.2%, #f2e7dd 55.3%, #eedfd2 57.4%, #ead5c4 59.6%, #e5cbb6 61.7%, #e0c1a8 63.8%, #dcb89b 66.0%, #daaf8f 68.1%, #d8a683 70.2%, #d79c76 72.3%, #d6916a 74.5%, #d5875e 76.6%, #d37c53 78.7%, #d07049 80.9%, #cb6540 83.0%, #c55a38 85.1%, #bd4e31 87.2%, #b4422a 89.4%, #aa3624 91.5%, #a02a1f 93.6%, #971e1a 95.7%, #901216 97.9%, #8a0514 100.0%);
background: linear-gradient(180deg in oklch, oklch(40.16% 0.1148 250.36) 0.0%, oklch(41.90% 0.1185 249.97) 2.1%, oklch(44.24% 0.1235 249.48) 4.3%, oklch(47.04% 0.1294 248.90) 6.4%, oklch(50.12% 0.1357 248.23) 8.5%, oklch(53.34% 0.1311 247.47) 10.6%, oklch(56.53% 0.1236 246.67) 12.8%, oklch(59.55% 0.1162 245.80) 14.9%, oklch(62.23% 0.1091 244.90) 17.0%, oklch(64.72% 0.1016 245.22) 19.1%, oklch(67.13% 0.0937 246.74) 21.3%, oklch(69.48% 0.0855 248.59) 23.4%, oklch(71.78% 0.0773 249.87) 25.5%, oklch(74.04% 0.0691 249.72) 27.7%, oklch(76.26% 0.0613 247.23) 29.8%, oklch(78.46% 0.0541 241.54) 31.9%, oklch(80.67% 0.0474 231.63) 34.0%, oklch(83.17% 0.0405 216.00) 36.2%, oklch(85.88% 0.0334 195.74) 38.3%, oklch(88.61% 0.0264 172.62) 40.4%, oklch(91.17% 0.0201 148.39) 42.6%, oklch(93.37% 0.0150 124.80) 44.7%, oklch(95.02% 0.0113 103.62) 46.8%, oklch(95.94% 0.0096 86.59) 48.9%, oklch(95.94% 0.0103 75.11) 51.1%, oklch(95.02% 0.0133 67.86) 53.2%, oklch(93.37% 0.0182 63.76) 55.3%, oklch(91.17% 0.0246 61.96) 57.4%, oklch(88.61% 0.0322 61.61) 59.6%, oklch(85.88% 0.0405 61.86) 61.7%, oklch(83.17% 0.0492 61.89) 63.8%, oklch(80.67% 0.0578 60.83) 66.0%, oklch(78.46% 0.0666 58.37) 68.1%, oklch(76.26% 0.0768 55.73) 70.2%, oklch(74.04% 0.0880 53.06) 72.3%, oklch(71.78% 0.0997 50.39) 74.5%, oklch(69.48% 0.1112 47.76) 76.6%, oklch(67.13% 0.1220 45.19) 78.7%, oklch(64.72% 0.1316 42.72) 80.9%, oklch(62.23% 0.1395 40.39) 83.0%, oklch(59.55% 0.1453 38.15) 85.1%, oklch(56.53% 0.1496 35.88) 87.2%, oklch(53.34% 0.1528 33.66) 89.4%, oklch(50.12% 0.1550 31.54) 91.5%, oklch(47.03% 0.1566 29.57) 93.6%, oklch(44.24% 0.1578 27.83) 95.7%, oklch(41.90% 0.1587 26.36) 97.9%, oklch(40.16% 0.1598 25.22) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.402 | 0.16 | 250.3 |
| 2 | 0.618 | 0.11 | 245 |
| 3 | 0.799 | 0.05 | 235.5 |
| 4 | 0.961 | 0.01 | 80.2 |
| 5 | 0.799 | 0.061 | 60.1 |
| 6 | 0.618 | 0.141 | 40 |
| 7 | 0.402 | 0.16 | 25.2 |

## In these collections

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

## Other forms

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