# Navy, sage and cream remote sensing palette

The Navy, sage and cream remote sensing palette brings together dark blue, teal, green, light orange, and pale orange. The colors span a broad lightness range, combining restrained color with clear contrast. Its balanced and composed character suits information graphics and map mood boards. Its darkest tone is dark blue, and its lightest tone is pale orange.

- Also called: Complementary navy, gray and beige linear gradient
- Seed: `kWOxOsvJE5dKSt7iFDnc41Aw`
- Page: https://grabient.com/kWOxOsvJE5dKSt7iFDnc41Aw?steps=32
- Drawn as: linear gradient, 32 steps, 90 degrees
- Kinds: dark to light, muted
- Hues: wide
- Contrast of its darkest and lightest colors: 12.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 | `#121f29` | `oklch(23.23% 0.0262 242.58)` | The Count’s Black | white, 16.7 to 1 |
| 2 | `#15242e` | `oklch(25.23% 0.0280 238.28)` | Dark | white, 15.8 to 1 |
| 3 | `#192b35` | `oklch(27.97% 0.0305 232.67)` | Oceanic Noir | white, 14.5 to 1 |
| 4 | `#1e343e` | `oklch(31.23% 0.0334 225.98)` | Blue Whale | white, 12.9 to 1 |
| 5 | `#233f47` | `oklch(34.81% 0.0367 218.49)` | Bay Isle Pointe | white, 11.2 to 1 |
| 6 | `#294a50` | `oklch(38.51% 0.0399 210.45)` | Ponderosa Pine | white, 9.6 to 1 |
| 7 | `#2f5557` | `oklch(42.12% 0.0429 202.12)` | Hidden Depths | white, 8.2 to 1 |
| 8 | `#375f5e` | `oklch(45.45% 0.0454 193.76)` | Royal Pine | white, 7.1 to 1 |
| 9 | `#3e6762` | `oklch(48.31% 0.0472 185.59)` | Seiheki Green | white, 6.2 to 1 |
| 10 | `#476f65` | `oklch(50.89% 0.0485 177.02)` | Cormorant | white, 5.6 to 1 |
| 11 | `#507667` | `oklch(53.34% 0.0493 167.92)` | Wishard | white, 5 to 1 |
| 12 | `#5b7d69` | `oklch(55.66% 0.0498 158.51)` | Stone Cypress Green | white, 4.6 to 1 |
| 13 | `#66836a` | `oklch(57.88% 0.0500 148.99)` | Garden Greenery | black, 4.9 to 1 |
| 14 | `#71886b` | `oklch(60.00% 0.0502 139.57)` | Wonderland | black, 5.4 to 1 |
| 15 | `#7c8d6d` | `oklch(62.04% 0.0504 130.47)` | Shallot Bulb | black, 5.8 to 1 |
| 16 | `#87916f` | `oklch(64.00% 0.0507 121.90)` | Royal Oakleaf | black, 6.3 to 1 |
| 17 | `#919672` | `oklch(65.89% 0.0513 113.92)` | Boston Fern | black, 6.7 to 1 |
| 18 | `#9b9a74` | `oklch(67.62% 0.0521 105.83)` | Curly Grass | black, 7.2 to 1 |
| 19 | `#a59d77` | `oklch(69.22% 0.0531 97.76)` | Fresh Olive | black, 7.6 to 1 |
| 20 | `#aea07a` | `oklch(70.73% 0.0542 89.97)` | Ruskin Room Green | black, 8 to 1 |
| 21 | `#b6a37e` | `oklch(72.20% 0.0550 82.71)` | Tiki Straw | black, 8.5 to 1 |
| 22 | `#bea683` | `oklch(73.66% 0.0556 76.27)` | Mojave Desert | black, 8.9 to 1 |
| 23 | `#c5a988` | `oklch(75.16% 0.0558 70.90)` | Toasted Grain | black, 9.4 to 1 |
| 24 | `#ccad8e` | `oklch(76.75% 0.0553 66.87)` | Woven Navajo | black, 9.9 to 1 |
| 25 | `#d2b295` | `oklch(78.49% 0.0541 64.51)` | Hiker’s Delight | black, 10.5 to 1 |
| 26 | `#d8b99d` | `oklch(80.44% 0.0520 63.91)` | Terracotta Sand | black, 11.3 to 1 |
| 27 | `#ddc0a5` | `oklch(82.50% 0.0492 64.66)` | Weathered Sandstone | black, 12.1 to 1 |
| 28 | `#e2c7ad` | `oklch(84.56% 0.0461 66.31)` | Cockleshell | black, 13 to 1 |
| 29 | `#e6ceb5` | `oklch(86.54% 0.0430 68.45)` | Malibu Dune | black, 13.8 to 1 |
| 30 | `#ead5bd` | `oklch(88.33% 0.0400 70.65)` | Writer’s Parchment | black, 14.7 to 1 |
| 31 | `#eddac3` | `oklch(89.83% 0.0375 72.48)` | Figure Stone | black, 15.4 to 1 |
| 32 | `#f0dec8` | `oklch(90.94% 0.0358 73.50)` | Silk Teddy | black, 15.9 to 1 |

## CSS

```css
background: linear-gradient(90deg, #121f29 0.0%, #15242e 3.2%, #192b35 6.5%, #1e343e 9.7%, #233f47 12.9%, #294a50 16.1%, #2f5557 19.4%, #375f5e 22.6%, #3e6762 25.8%, #476f65 29.0%, #507667 32.3%, #5b7d69 35.5%, #66836a 38.7%, #71886b 41.9%, #7c8d6d 45.2%, #87916f 48.4%, #919672 51.6%, #9b9a74 54.8%, #a59d77 58.1%, #aea07a 61.3%, #b6a37e 64.5%, #bea683 67.7%, #c5a988 71.0%, #ccad8e 74.2%, #d2b295 77.4%, #d8b99d 80.6%, #ddc0a5 83.9%, #e2c7ad 87.1%, #e6ceb5 90.3%, #ead5bd 93.5%, #eddac3 96.8%, #f0dec8 100.0%);
background: linear-gradient(90deg in oklch, oklch(23.23% 0.0262 242.58) 0.0%, oklch(25.23% 0.0280 238.28) 3.2%, oklch(27.97% 0.0305 232.67) 6.5%, oklch(31.23% 0.0334 225.98) 9.7%, oklch(34.81% 0.0367 218.49) 12.9%, oklch(38.51% 0.0399 210.45) 16.1%, oklch(42.12% 0.0429 202.12) 19.4%, oklch(45.45% 0.0454 193.76) 22.6%, oklch(48.31% 0.0472 185.59) 25.8%, oklch(50.89% 0.0485 177.02) 29.0%, oklch(53.34% 0.0493 167.92) 32.3%, oklch(55.66% 0.0498 158.51) 35.5%, oklch(57.88% 0.0500 148.99) 38.7%, oklch(60.00% 0.0502 139.57) 41.9%, oklch(62.04% 0.0504 130.47) 45.2%, oklch(64.00% 0.0507 121.90) 48.4%, oklch(65.89% 0.0513 113.92) 51.6%, oklch(67.62% 0.0521 105.83) 54.8%, oklch(69.22% 0.0531 97.76) 58.1%, oklch(70.73% 0.0542 89.97) 61.3%, oklch(72.20% 0.0550 82.71) 64.5%, oklch(73.66% 0.0556 76.27) 67.7%, oklch(75.16% 0.0558 70.90) 71.0%, oklch(76.75% 0.0553 66.87) 74.2%, oklch(78.49% 0.0541 64.51) 77.4%, oklch(80.44% 0.0520 63.91) 80.6%, oklch(82.50% 0.0492 64.66) 83.9%, oklch(84.56% 0.0461 66.31) 87.1%, oklch(86.54% 0.0430 68.45) 90.3%, oklch(88.33% 0.0400 70.65) 93.5%, oklch(89.83% 0.0375 72.48) 96.8%, oklch(90.94% 0.0358 73.50) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.232 | 0.026 | 242.6 |
| 2 | 0.476 | 0.047 | 187.6 |
| 3 | 0.65 | 0.051 | 117.9 |
| 4 | 0.772 | 0.055 | 66.1 |
| 5 | 0.909 | 0.036 | 73.5 |

## In these collections

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

## Other forms

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