# Navy, stone and burgundy weather map palette

The Navy, stone and burgundy weather map palette brings together blue, light blue, light gray, off-white, light orange, and red. The colors span a broad lightness range, combining moderate color with clear contrast. Its balanced and composed character suits information graphics and map mood boards. Its darkest tone is blue, and its lightest tone is off-white.

- Also called: Blue, white, gray and brown linear gradient
- Seed: `kaZma125m_nAGv76Akl8AbI1udP0zMz9A`
- Page: https://grabient.com/kaZma125m_nAGv76Akl8AbI1udP0zMz9A?steps=32&angle=135
- Drawn as: linear gradient, 32 steps, 135 degrees
- Kinds: light center, pastel, light
- Hues: split-complementary
- Contrast of its darkest and lightest colors: 8.6 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 | `#00468e` | `oklch(40.16% 0.1336 255.28)` | Congress Blue | white, 9.2 to 1 |
| 2 | `#14539a` | `oklch(44.56% 0.1311 254.80)` | Summer Waters | white, 7.6 to 1 |
| 3 | `#3067a7` | `oklch(50.91% 0.1176 254.19)` | Barbados Blue | white, 5.7 to 1 |
| 4 | `#4d7db6` | `oklch(58.16% 0.1021 253.48)` | Parkwater | black, 4.9 to 1 |
| 5 | `#6993c4` | `oklch(65.28% 0.0863 252.77)` | Eyeshadow Blue | black, 6.5 to 1 |
| 6 | `#82a6cf` | `oklch(71.24% 0.0723 252.15)` | Windfall | black, 8.2 to 1 |
| 7 | `#94b3d6` | `oklch(75.63% 0.0604 250.76)` | Echo Isles Water | black, 9.6 to 1 |
| 8 | `#a3bfda` | `oklch(79.27% 0.0487 247.89)` | Everlasting | black, 11 to 1 |
| 9 | `#b2c8dd` | `oklch(82.34% 0.0378 245.25)` | Ridge Light | black, 12.2 to 1 |
| 10 | `#bfd0df` | `oklch(85.00% 0.0281 244.62)` | Sleep Baby Sleep | black, 13.3 to 1 |
| 11 | `#ccd7e3` | `oklch(87.41% 0.0201 247.76)` | Blue Reflection | black, 14.3 to 1 |
| 12 | `#d7dee7` | `oklch(89.72% 0.0142 256.32)` | Angélique Grey | black, 15.4 to 1 |
| 13 | `#e1e4eb` | `oklch(91.90% 0.0101 269.94)` | Water Iris | black, 16.5 to 1 |
| 14 | `#eaeaef` | `oklch(93.77% 0.0075 286.76)` | Lace Cap | black, 17.4 to 1 |
| 15 | `#f0eef2` | `oklch(95.18% 0.0061 304.87)` | Crystal Bell | black, 18.2 to 1 |
| 16 | `#f3f0f4` | `oklch(95.96% 0.0056 322.35)` | Aragonite White | black, 18.6 to 1 |
| 17 | `#f4f0f3` | `oklch(95.96% 0.0055 338.07)` | Aragonite White | black, 18.6 to 1 |
| 18 | `#f2edef` | `oklch(95.18% 0.0058 354.84)` | Vintage Porcelain | black, 18.2 to 1 |
| 19 | `#efe9e9` | `oklch(93.77% 0.0069 11.76)` | Frosty Morning | black, 17.4 to 1 |
| 20 | `#eae2e1` | `oklch(91.90% 0.0094 27.22)` | French Heirloom | black, 16.4 to 1 |
| 21 | `#e6dad6` | `oklch(89.72% 0.0137 39.58)` | Light Watermelon Milk | black, 15.3 to 1 |
| 22 | `#e2d2ca` | `oklch(87.41% 0.0205 47.22)` | Wheat Seed | black, 14.2 to 1 |
| 23 | `#dfc9bd` | `oklch(85.00% 0.0304 49.63)` | Ancient Ruins | black, 13.1 to 1 |
| 24 | `#ddbeae` | `oklch(82.34% 0.0426 48.36)` | One to Remember | black, 12 to 1 |
| 25 | `#dbb19e` | `oklch(79.27% 0.0560 45.15)` | Rose Cloud | black, 10.7 to 1 |
| 26 | `#d7a28e` | `oklch(75.63% 0.0695 41.74)` | Rosettee | black, 9.4 to 1 |
| 27 | `#cf917c` | `oklch(71.24% 0.0819 39.84)` | Orange Essential | black, 7.9 to 1 |
| 28 | `#c27b64` | `oklch(65.28% 0.0949 38.71)` | Pinata | black, 6.3 to 1 |
| 29 | `#b1624a` | `oklch(58.16% 0.1085 37.52)` | Georgia Clay | black, 4.7 to 1 |
| 30 | `#9f4830` | `oklch(50.91% 0.1216 36.39)` | Picante | white, 6.1 to 1 |
| 31 | `#8e3018` | `oklch(44.56% 0.1327 35.42)` | Bengala Red | white, 8 to 1 |
| 32 | `#831e01` | `oklch(40.16% 0.1406 34.73)` | Mahogany Brown | white, 9.7 to 1 |

## CSS

```css
background: linear-gradient(135deg, #00468e 0.0%, #14539a 3.2%, #3067a7 6.5%, #4d7db6 9.7%, #6993c4 12.9%, #82a6cf 16.1%, #94b3d6 19.4%, #a3bfda 22.6%, #b2c8dd 25.8%, #bfd0df 29.0%, #ccd7e3 32.3%, #d7dee7 35.5%, #e1e4eb 38.7%, #eaeaef 41.9%, #f0eef2 45.2%, #f3f0f4 48.4%, #f4f0f3 51.6%, #f2edef 54.8%, #efe9e9 58.1%, #eae2e1 61.3%, #e6dad6 64.5%, #e2d2ca 67.7%, #dfc9bd 71.0%, #ddbeae 74.2%, #dbb19e 77.4%, #d7a28e 80.6%, #cf917c 83.9%, #c27b64 87.1%, #b1624a 90.3%, #9f4830 93.5%, #8e3018 96.8%, #831e01 100.0%);
background: linear-gradient(135deg in oklch, oklch(40.16% 0.1336 255.28) 0.0%, oklch(44.56% 0.1311 254.80) 3.2%, oklch(50.91% 0.1176 254.19) 6.5%, oklch(58.16% 0.1021 253.48) 9.7%, oklch(65.28% 0.0863 252.77) 12.9%, oklch(71.24% 0.0723 252.15) 16.1%, oklch(75.63% 0.0604 250.76) 19.4%, oklch(79.27% 0.0487 247.89) 22.6%, oklch(82.34% 0.0378 245.25) 25.8%, oklch(85.00% 0.0281 244.62) 29.0%, oklch(87.41% 0.0201 247.76) 32.3%, oklch(89.72% 0.0142 256.32) 35.5%, oklch(91.90% 0.0101 269.94) 38.7%, oklch(93.77% 0.0075 286.76) 41.9%, oklch(95.18% 0.0061 304.87) 45.2%, oklch(95.96% 0.0056 322.35) 48.4%, oklch(95.96% 0.0055 338.07) 51.6%, oklch(95.18% 0.0058 354.84) 54.8%, oklch(93.77% 0.0069 11.76) 58.1%, oklch(91.90% 0.0094 27.22) 61.3%, oklch(89.72% 0.0137 39.58) 64.5%, oklch(87.41% 0.0205 47.22) 67.7%, oklch(85.00% 0.0304 49.63) 71.0%, oklch(82.34% 0.0426 48.36) 74.2%, oklch(79.27% 0.0560 45.15) 77.4%, oklch(75.63% 0.0695 41.74) 80.6%, oklch(71.24% 0.0819 39.84) 83.9%, oklch(65.28% 0.0949 38.71) 87.1%, oklch(58.16% 0.1085 37.52) 90.3%, oklch(50.91% 0.1216 36.39) 93.5%, oklch(44.56% 0.1327 35.42) 96.8%, oklch(40.16% 0.1406 34.73) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.402 | 0.141 | 255.2 |
| 2 | 0.72 | 0.07 | 252.1 |
| 3 | 0.882 | 0.018 | 250 |
| 4 | 0.961 | 0.006 | 330.3 |
| 5 | 0.882 | 0.018 | 405.3 |
| 6 | 0.72 | 0.08 | 400 |
| 7 | 0.402 | 0.141 | 394.7 |

## In these collections

- [Weather map gradients](https://grabient.com/weather-map-gradients)

## Other forms

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