# Navy, teal and cream remote sensing palette

The Navy, teal and cream remote sensing palette brings together dark blue, blue, teal, light green, and pale orange. 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 dark blue, and its lightest tone is pale orange.

- Also called: Triadic navy, teal, light green and beige linear gradient
- Seed: `kWMjvKMLI9WSut_tu7i8423Y`
- Page: https://grabient.com/kWMjvKMLI9WSut_tu7i8423Y?steps=32&angle=135
- Drawn as: linear gradient, 32 steps, 135 degrees
- Kinds: dark to light, pastel, multicolor
- Hues: wide
- Contrast of its darkest and lightest colors: 14 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 | `#130b38` | `oklch(19.69% 0.0813 284.06)` | Grim Reaper | white, 18.5 to 1 |
| 2 | `#150e3e` | `oklch(21.00% 0.0863 282.61)` | Grim Reaper | white, 18 to 1 |
| 3 | `#171145` | `oklch(22.59% 0.0935 281.03)` | Deadly Depths | white, 17.4 to 1 |
| 4 | `#19154f` | `oklch(24.47% 0.1021 279.17)` | Tetsu-Kon Blue | white, 16.6 to 1 |
| 5 | `#1b1a5a` | `oklch(26.67% 0.1113 276.88)` | Praise of Shadow | white, 15.6 to 1 |
| 6 | `#1d2066` | `oklch(29.21% 0.1203 274.00)` | Intergalactic Cowboy | white, 14.4 to 1 |
| 7 | `#1d2873` | `oklch(32.13% 0.1284 270.39)` | Impression of Obscurity | white, 13 to 1 |
| 8 | `#1a3381` | `oklch(35.43% 0.1347 265.91)` | Bavarian Blue | white, 11.4 to 1 |
| 9 | `#12408e` | `oklch(39.19% 0.1385 260.37)` | Mystery Oceans | white, 9.7 to 1 |
| 10 | `#00529b` | `oklch(43.89% 0.1375 253.51)` | Medium Electric Blue | white, 7.8 to 1 |
| 11 | `#0066a4` | `oklch(49.45% 0.1255 245.39)` | LED Blue | white, 6 to 1 |
| 12 | `#007cb0` | `oklch(55.50% 0.1201 236.42)` | Capstan | white, 4.6 to 1 |
| 13 | `#0092bc` | `oklch(61.69% 0.1190 226.90)` | Swimmer | black, 5.8 to 1 |
| 14 | `#00a9c8` | `oklch(67.64% 0.1210 217.19)` | Gummy Dolphins | black, 7.4 to 1 |
| 15 | `#00bdd0` | `oklch(73.00% 0.1254 207.62)` | Holiday Blue | black, 9.1 to 1 |
| 16 | `#1eced3` | `oklch(77.40% 0.1276 198.51)` | Jade Glass | black, 10.8 to 1 |
| 17 | `#34dad2` | `oklch(80.55% 0.1295 190.13)` | Fish Boy | black, 12 to 1 |
| 18 | `#3ee2cd` | `oklch(82.67% 0.1347 182.14)` | Ice Climber | black, 13 to 1 |
| 19 | `#46e8c4` | `oklch(84.01% 0.1421 174.37)` | Aphrodite Aqua | black, 13.6 to 1 |
| 20 | `#50ecb8` | `oklch(84.77% 0.1503 166.72)` | Onsen | black, 14 to 1 |
| 21 | `#5eeda8` | `oklch(85.14% 0.1581 159.07)` | Screen Glow | black, 14.1 to 1 |
| 22 | `#71ed97` | `oklch(85.35% 0.1641 151.32)` | Ragweed | black, 14.2 to 1 |
| 23 | `#88eb85` | `oklch(85.58% 0.1669 143.36)` | Ulva Lactuca Green | black, 14.2 to 1 |
| 24 | `#a0e976` | `oklch(86.04% 0.1653 135.08)` | Snarky Mint | black, 14.3 to 1 |
| 25 | `#bae66c` | `oklch(86.79% 0.1576 126.11)` | Pisco Sour | black, 14.5 to 1 |
| 26 | `#d1e26c` | `oklch(87.54% 0.1439 116.02)` | Idocrase Green | black, 14.7 to 1 |
| 27 | `#e4dd76` | `oklch(88.26% 0.1259 105.31)` | Lustrous Yellow | black, 14.9 to 1 |
| 28 | `#f1da88` | `oklch(88.94% 0.1055 94.52)` | Golden Scarab | black, 15.1 to 1 |
| 29 | `#f7d99c` | `oklch(89.57% 0.0845 84.17)` | Phoenix Fossil | black, 15.3 to 1 |
| 30 | `#f8d9af` | `oklch(90.12% 0.0649 74.79)` | Grappa | black, 15.5 to 1 |
| 31 | `#f7dabe` | `oklch(90.58% 0.0485 66.92)` | Pumpkin Essence | black, 15.7 to 1 |
| 32 | `#f4dcc9` | `oklch(90.94% 0.0372 61.09)` | Mountain Fog | black, 15.9 to 1 |

## CSS

```css
background: linear-gradient(135deg, #130b38 0.0%, #150e3e 3.2%, #171145 6.5%, #19154f 9.7%, #1b1a5a 12.9%, #1d2066 16.1%, #1d2873 19.4%, #1a3381 22.6%, #12408e 25.8%, #00529b 29.0%, #0066a4 32.3%, #007cb0 35.5%, #0092bc 38.7%, #00a9c8 41.9%, #00bdd0 45.2%, #1eced3 48.4%, #34dad2 51.6%, #3ee2cd 54.8%, #46e8c4 58.1%, #50ecb8 61.3%, #5eeda8 64.5%, #71ed97 67.7%, #88eb85 71.0%, #a0e976 74.2%, #bae66c 77.4%, #d1e26c 80.6%, #e4dd76 83.9%, #f1da88 87.1%, #f7d99c 90.3%, #f8d9af 93.5%, #f7dabe 96.8%, #f4dcc9 100.0%);
background: linear-gradient(135deg in oklch, oklch(19.69% 0.0813 284.06) 0.0%, oklch(21.00% 0.0863 282.61) 3.2%, oklch(22.59% 0.0935 281.03) 6.5%, oklch(24.47% 0.1021 279.17) 9.7%, oklch(26.67% 0.1113 276.88) 12.9%, oklch(29.21% 0.1203 274.00) 16.1%, oklch(32.13% 0.1284 270.39) 19.4%, oklch(35.43% 0.1347 265.91) 22.6%, oklch(39.19% 0.1385 260.37) 25.8%, oklch(43.89% 0.1375 253.51) 29.0%, oklch(49.45% 0.1255 245.39) 32.3%, oklch(55.50% 0.1201 236.42) 35.5%, oklch(61.69% 0.1190 226.90) 38.7%, oklch(67.64% 0.1210 217.19) 41.9%, oklch(73.00% 0.1254 207.62) 45.2%, oklch(77.40% 0.1276 198.51) 48.4%, oklch(80.55% 0.1295 190.13) 51.6%, oklch(82.67% 0.1347 182.14) 54.8%, oklch(84.01% 0.1421 174.37) 58.1%, oklch(84.77% 0.1503 166.72) 61.3%, oklch(85.14% 0.1581 159.07) 64.5%, oklch(85.35% 0.1641 151.32) 67.7%, oklch(85.58% 0.1669 143.36) 71.0%, oklch(86.04% 0.1653 135.08) 74.2%, oklch(86.79% 0.1576 126.11) 77.4%, oklch(87.54% 0.1439 116.02) 80.6%, oklch(88.26% 0.1259 105.31) 83.9%, oklch(88.94% 0.1055 94.52) 87.1%, oklch(89.57% 0.0845 84.17) 90.3%, oklch(90.12% 0.0649 74.79) 93.5%, oklch(90.58% 0.0485 66.92) 96.8%, oklch(90.94% 0.0372 61.09) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.197 | 0.081 | 284.1 |
| 2 | 0.382 | 0.138 | 261.9 |
| 3 | 0.791 | 0.128 | 194.2 |
| 4 | 0.862 | 0.164 | 132.9 |
| 5 | 0.909 | 0.037 | 61.1 |

## In these collections

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

## Other forms

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