# Navy, turquoise and ochre weather map palette

The Navy, turquoise and ochre weather map palette brings together dark blue, blue, light teal, green, and gold. 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 dark blue, and its lightest tone is light teal.

- Also called: Navy, teal, green and olive linear gradient
- Seed: `kWTDq7PbC_WUgONJozpXLK3Q`
- Page: https://grabient.com/kWTDq7PbC_WUgONJozpXLK3Q?steps=32&angle=45
- Drawn as: linear gradient, 32 steps, 45 degrees
- Kinds: light center, cool, multicolor
- Hues: wide
- Contrast of its darkest and lightest colors: 7.5 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 | `#172c55` | `oklch(29.92% 0.0799 262.97)` | Pico Void | white, 13.7 to 1 |
| 2 | `#192f5c` | `oklch(31.31% 0.0849 262.94)` | Ending Navy Blue | white, 13.1 to 1 |
| 3 | `#1b3364` | `oklch(33.07% 0.0924 263.34)` | Passionate Blue | white, 12.3 to 1 |
| 4 | `#1f376f` | `oklch(35.16% 0.1014 263.83)` | Atlantic Navy | white, 11.4 to 1 |
| 5 | `#223d7b` | `oklch(37.54% 0.1108 264.10)` | Mazarine Blue | white, 10.3 to 1 |
| 6 | `#254488` | `oklch(40.18% 0.1197 263.83)` | Blue Oblivion | white, 9.3 to 1 |
| 7 | `#284c95` | `oklch(43.03% 0.1272 262.70)` | Le Grand Bleu | white, 8.2 to 1 |
| 8 | `#2955a1` | `oklch(46.06% 0.1321 260.39)` | Cyan Cobalt Blue | white, 7.2 to 1 |
| 9 | `#2760ab` | `oklch(49.26% 0.1337 256.57)` | Rainbow Bright | white, 6.2 to 1 |
| 10 | `#256fb5` | `oklch(53.30% 0.1314 250.95)` | Beautiful Blue | white, 5.2 to 1 |
| 11 | `#2681bf` | `oklch(58.11% 0.1261 243.84)` | Phuket Palette | black, 4.9 to 1 |
| 12 | `#2e94c8` | `oklch(63.27% 0.1189 235.66)` | Astrolabe Reef | black, 6.1 to 1 |
| 13 | `#3da7ce` | `oklch(68.36% 0.1106 226.86)` | Modal | black, 7.5 to 1 |
| 14 | `#4fb7d2` | `oklch(72.96% 0.1024 217.88)` | Teal Moiré | black, 9 to 1 |
| 15 | `#61c4d4` | `oklch(76.64% 0.0951 209.14)` | Rushing Stream | black, 10.3 to 1 |
| 16 | `#6eccd2` | `oklch(78.99% 0.0898 201.09)` | Beach Sparkle | black, 11.2 to 1 |
| 17 | `#74cecd` | `oklch(79.55% 0.0871 194.07)` | Soft Turquoise | black, 11.4 to 1 |
| 18 | `#72cac2` | `oklch(78.10% 0.0859 187.83)` | Turkish Teal | black, 10.9 to 1 |
| 19 | `#6cc0b2` | `oklch(75.16% 0.0857 182.07)` | Fiesta Blue | black, 9.8 to 1 |
| 20 | `#62b4a1` | `oklch(71.28% 0.0863 176.53)` | Tropic Turquoise | black, 8.5 to 1 |
| 21 | `#57a78e` | `oklch(67.06% 0.0878 170.98)` | Laurel Wreath | black, 7.3 to 1 |
| 22 | `#4f9b7c` | `oklch(63.06% 0.0899 165.18)` | Natural Orchestra | black, 6.2 to 1 |
| 23 | `#4a916b` | `oklch(59.86% 0.0926 158.87)` | Illuminati Green | black, 5.5 to 1 |
| 24 | `#4b8b5e` | `oklch(58.05% 0.0956 151.81)` | Onion Seedling | black, 5.1 to 1 |
| 25 | `#548953` | `oklch(57.94% 0.0994 143.53)` | Middle Green | black, 5 to 1 |
| 26 | `#638b48` | `oklch(59.07% 0.1046 133.71)` | Topiary Sculpture | black, 5.3 to 1 |
| 27 | `#778e3d` | `oklch(61.09% 0.1108 122.93)` | Komatsuna Green | black, 5.7 to 1 |
| 28 | `#8d9232` | `oklch(63.66% 0.1175 111.84)` | Bean Shoot | black, 6.2 to 1 |
| 29 | `#a4952a` | `oklch(66.45% 0.1242 101.07)` | Rapeseed Oil | black, 6.9 to 1 |
| 30 | `#ba9825` | `oklch(69.13% 0.1303 91.24)` | Sahara | black, 7.5 to 1 |
| 31 | `#cb9a27` | `oklch(71.37% 0.1355 83.00)` | Duck Sauce | black, 8.1 to 1 |
| 32 | `#d89a2b` | `oklch(72.83% 0.1392 76.98)` | New England Autumn | black, 8.5 to 1 |

## CSS

```css
background: linear-gradient(45deg, #172c55 0.0%, #192f5c 3.2%, #1b3364 6.5%, #1f376f 9.7%, #223d7b 12.9%, #254488 16.1%, #284c95 19.4%, #2955a1 22.6%, #2760ab 25.8%, #256fb5 29.0%, #2681bf 32.3%, #2e94c8 35.5%, #3da7ce 38.7%, #4fb7d2 41.9%, #61c4d4 45.2%, #6eccd2 48.4%, #74cecd 51.6%, #72cac2 54.8%, #6cc0b2 58.1%, #62b4a1 61.3%, #57a78e 64.5%, #4f9b7c 67.7%, #4a916b 71.0%, #4b8b5e 74.2%, #548953 77.4%, #638b48 80.6%, #778e3d 83.9%, #8d9232 87.1%, #a4952a 90.3%, #ba9825 93.5%, #cb9a27 96.8%, #d89a2b 100.0%);
background: linear-gradient(45deg in oklch, oklch(29.92% 0.0799 262.97) 0.0%, oklch(31.31% 0.0849 262.94) 3.2%, oklch(33.07% 0.0924 263.34) 6.5%, oklch(35.16% 0.1014 263.83) 9.7%, oklch(37.54% 0.1108 264.10) 12.9%, oklch(40.18% 0.1197 263.83) 16.1%, oklch(43.03% 0.1272 262.70) 19.4%, oklch(46.06% 0.1321 260.39) 22.6%, oklch(49.26% 0.1337 256.57) 25.8%, oklch(53.30% 0.1314 250.95) 29.0%, oklch(58.11% 0.1261 243.84) 32.3%, oklch(63.27% 0.1189 235.66) 35.5%, oklch(68.36% 0.1106 226.86) 38.7%, oklch(72.96% 0.1024 217.88) 41.9%, oklch(76.64% 0.0951 209.14) 45.2%, oklch(78.99% 0.0898 201.09) 48.4%, oklch(79.55% 0.0871 194.07) 51.6%, oklch(78.10% 0.0859 187.83) 54.8%, oklch(75.16% 0.0857 182.07) 58.1%, oklch(71.28% 0.0863 176.53) 61.3%, oklch(67.06% 0.0878 170.98) 64.5%, oklch(63.06% 0.0899 165.18) 67.7%, oklch(59.86% 0.0926 158.87) 71.0%, oklch(58.05% 0.0956 151.81) 74.2%, oklch(57.94% 0.0994 143.53) 77.4%, oklch(59.07% 0.1046 133.71) 80.6%, oklch(61.09% 0.1108 122.93) 83.9%, oklch(63.66% 0.1175 111.84) 87.1%, oklch(66.45% 0.1242 101.07) 90.3%, oklch(69.13% 0.1303 91.24) 93.5%, oklch(71.37% 0.1355 83.00) 96.8%, oklch(72.83% 0.1392 76.98) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.299 | 0.08 | 263 |
| 2 | 0.484 | 0.134 | 257.7 |
| 3 | 0.795 | 0.088 | 197.5 |
| 4 | 0.579 | 0.096 | 149.9 |
| 5 | 0.728 | 0.139 | 77 |

## In these collections

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

## Other forms

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