# Blue and stone remote sensing palette

The Blue and stone remote sensing palette brings together dark blue, purple, light gray, and off-white. The colors span a very broad lightness range, combining restrained color with high contrast. Its balanced and composed character suits information graphics and map mood boards. Its darkest tone is dark blue, and its lightest tone is off-white.

- Also called: Navy, purple, gray and light blue linear gradient
- Seed: `kWOy7NPhpBNWUwBoBzueIQ1Y`
- Page: https://grabient.com/kWOy7NPhpBNWUwBoBzueIQ1Y?steps=32
- Drawn as: linear gradient, 32 steps, 90 degrees
- Kinds: dark to light, muted, cool
- Hues: monochromatic
- Contrast of its darkest and lightest colors: 14.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 | `#1d1739` | `oklch(23.23% 0.0634 288.28)` | Prune Plum | white, 17 to 1 |
| 2 | `#221c3f` | `oklch(25.33% 0.0642 289.20)` | Throat | white, 16 to 1 |
| 3 | `#2a2347` | `oklch(28.19% 0.0655 290.49)` | Midnight Velvet | white, 14.7 to 1 |
| 4 | `#332b51` | `oklch(31.60% 0.0671 292.04)` | Purple Noir | white, 13.1 to 1 |
| 5 | `#3d345c` | `oklch(35.35% 0.0687 293.71)` | Jakarta Skyline | white, 11.4 to 1 |
| 6 | `#493d67` | `oklch(39.22% 0.0701 295.37)` | Evening Mauve | white, 9.7 to 1 |
| 7 | `#544772` | `oklch(43.01% 0.0712 296.90)` | Purple Feather | white, 8.3 to 1 |
| 8 | `#5e507c` | `oklch(46.51% 0.0717 298.16)` | Imperial Palace | white, 7.1 to 1 |
| 9 | `#675985` | `oklch(49.52% 0.0715 299.05)` | Berry Jam | white, 6.2 to 1 |
| 10 | `#70608d` | `oklch(52.25% 0.0708 299.97)` | Super Violet | white, 5.5 to 1 |
| 11 | `#786894` | `oklch(54.83% 0.0696 300.99)` | Purple Grapes | white, 5 to 1 |
| 12 | `#7f6f9a` | `oklch(57.28% 0.0681 301.91)` | Ornate | black, 4.6 to 1 |
| 13 | `#8776a0` | `oklch(59.63% 0.0661 302.54)` | Smashed Grape | black, 5.1 to 1 |
| 14 | `#8d7da6` | `oklch(61.89% 0.0638 302.72)` | Violet Chalk | black, 5.6 to 1 |
| 15 | `#9384ac` | `oklch(64.10% 0.0612 302.24)` | Purple Phantom | black, 6.1 to 1 |
| 16 | `#998bb2` | `oklch(66.25% 0.0581 300.93)` | Purple Agate | black, 6.6 to 1 |
| 17 | `#9e92b7` | `oklch(68.38% 0.0547 298.69)` | Lush Mauve | black, 7.2 to 1 |
| 18 | `#a29abc` | `oklch(70.41% 0.0502 295.92)` | Grape Gatsby | black, 7.8 to 1 |
| 19 | `#a6a1c0` | `oklch(72.37% 0.0451 292.62)` | Royal Proclamation | black, 8.4 to 1 |
| 20 | `#aaa8c4` | `oklch(74.26% 0.0396 288.68)` | Cosmic Sky | black, 9.1 to 1 |
| 21 | `#aeafc7` | `oklch(76.09% 0.0340 284.03)` | Purple Freedom | black, 9.7 to 1 |
| 22 | `#b2b6ca` | `oklch(77.89% 0.0286 278.58)` | Soul Sister | black, 10.4 to 1 |
| 23 | `#b7bccd` | `oklch(79.67% 0.0239 272.24)` | Arctic Ice | black, 11 to 1 |
| 24 | `#bcc2d0` | `oklch(81.45% 0.0201 264.91)` | Whomp Grey | black, 11.8 to 1 |
| 25 | `#c1c9d4` | `oklch(83.26% 0.0173 256.00)` | Light Spirit | black, 12.5 to 1 |
| 26 | `#c6d0d8` | `oklch(85.19% 0.0153 244.63)` | Light Pre School | black, 13.3 to 1 |
| 27 | `#ccd7dc` | `oklch(87.14% 0.0139 231.64)` | White Blue | black, 14.2 to 1 |
| 28 | `#d2dde1` | `oklch(89.06% 0.0129 217.94)` | Head in the Clouds | black, 15.1 to 1 |
| 29 | `#d8e3e5` | `oklch(90.87% 0.0123 204.44)` | Beachcomber | black, 16 to 1 |
| 30 | `#dee9e8` | `oklch(92.49% 0.0119 192.03)` | Carefree | black, 16.8 to 1 |
| 31 | `#e3edeb` | `oklch(93.85% 0.0115 181.64)` | Club Soda | black, 17.6 to 1 |
| 32 | `#e7f1ed` | `oklch(94.88% 0.0110 174.15)` | Chilly White | black, 18.1 to 1 |

## CSS

```css
background: linear-gradient(90deg, #1d1739 0.0%, #221c3f 3.2%, #2a2347 6.5%, #332b51 9.7%, #3d345c 12.9%, #493d67 16.1%, #544772 19.4%, #5e507c 22.6%, #675985 25.8%, #70608d 29.0%, #786894 32.3%, #7f6f9a 35.5%, #8776a0 38.7%, #8d7da6 41.9%, #9384ac 45.2%, #998bb2 48.4%, #9e92b7 51.6%, #a29abc 54.8%, #a6a1c0 58.1%, #aaa8c4 61.3%, #aeafc7 64.5%, #b2b6ca 67.7%, #b7bccd 71.0%, #bcc2d0 74.2%, #c1c9d4 77.4%, #c6d0d8 80.6%, #ccd7dc 83.9%, #d2dde1 87.1%, #d8e3e5 90.3%, #dee9e8 93.5%, #e3edeb 96.8%, #e7f1ed 100.0%);
background: linear-gradient(90deg in oklch, oklch(23.23% 0.0634 288.28) 0.0%, oklch(25.33% 0.0642 289.20) 3.2%, oklch(28.19% 0.0655 290.49) 6.5%, oklch(31.60% 0.0671 292.04) 9.7%, oklch(35.35% 0.0687 293.71) 12.9%, oklch(39.22% 0.0701 295.37) 16.1%, oklch(43.01% 0.0712 296.90) 19.4%, oklch(46.51% 0.0717 298.16) 22.6%, oklch(49.52% 0.0715 299.05) 25.8%, oklch(52.25% 0.0708 299.97) 29.0%, oklch(54.83% 0.0696 300.99) 32.3%, oklch(57.28% 0.0681 301.91) 35.5%, oklch(59.63% 0.0661 302.54) 38.7%, oklch(61.89% 0.0638 302.72) 41.9%, oklch(64.10% 0.0612 302.24) 45.2%, oklch(66.25% 0.0581 300.93) 48.4%, oklch(68.38% 0.0547 298.69) 51.6%, oklch(70.41% 0.0502 295.92) 54.8%, oklch(72.37% 0.0451 292.62) 58.1%, oklch(74.26% 0.0396 288.68) 61.3%, oklch(76.09% 0.0340 284.03) 64.5%, oklch(77.89% 0.0286 278.58) 67.7%, oklch(79.67% 0.0239 272.24) 71.0%, oklch(81.45% 0.0201 264.91) 74.2%, oklch(83.26% 0.0173 256.00) 77.4%, oklch(85.19% 0.0153 244.63) 80.6%, oklch(87.14% 0.0139 231.64) 83.9%, oklch(89.06% 0.0129 217.94) 87.1%, oklch(90.87% 0.0123 204.44) 90.3%, oklch(92.49% 0.0119 192.03) 93.5%, oklch(93.85% 0.0115 181.64) 96.8%, oklch(94.88% 0.0110 174.15) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.232 | 0.063 | 288.3 |
| 2 | 0.488 | 0.072 | 298.8 |
| 3 | 0.673 | 0.056 | 299.9 |
| 4 | 0.819 | 0.019 | 262.9 |
| 5 | 0.949 | 0.011 | 174.2 |

## In these collections

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

## Other forms

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