# Dusty blue, moss and bronze weather map

The Dusty blue, moss and bronze weather map brings together blue, light teal, green, gold, and orange. The colors span a moderate lightness range, combining moderate color with gentle contrast. Its balanced and composed character suits information graphics and map mood boards. Its darkest tone is orange, and its lightest tone is light teal.

- Also called: Blue, teal, mustard and brown linear gradient
- Seed: `kWjBuw5SA5-AyNzcsrpwys7Y`
- Page: https://grabient.com/kWjBuw5SA5-AyNzcsrpwys7Y?steps=32&angle=135
- Drawn as: linear gradient, 32 steps, 135 degrees
- Kinds: pastel, multicolor
- Hues: wide
- Contrast of its darkest and lightest colors: 3.1 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 | `#617487` | `oklch(55.12% 0.0372 248.20)` | Lost Atlantis | white, 4.8 to 1 |
| 2 | `#647b8f` | `oklch(57.28% 0.0413 244.31)` | Canyon Blue | black, 4.7 to 1 |
| 3 | `#68869b` | `oklch(60.38% 0.0468 239.29)` | Seal Pup | black, 5.4 to 1 |
| 4 | `#6c92a8` | `oklch(64.09% 0.0533 233.32)` | Blue Cruise | black, 6.3 to 1 |
| 5 | `#70a1b6` | `oklch(68.07% 0.0605 226.59)` | Grey Blue | black, 7.4 to 1 |
| 6 | `#72afc2` | `oklch(71.97% 0.0681 219.25)` | Blue Eye Samurai | black, 8.6 to 1 |
| 7 | `#74bdcb` | `oklch(75.45% 0.0758 211.51)` | Azure Lake | black, 9.8 to 1 |
| 8 | `#73c8d0` | `oklch(78.18% 0.0831 203.52)` | Valonia | black, 10.8 to 1 |
| 9 | `#71cfcf` | `oklch(79.83% 0.0898 195.43)` | Soft Turquoise | black, 11.5 to 1 |
| 10 | `#6ed4c9` | `oklch(80.49% 0.0968 186.57)` | Hidden Sea Glass | black, 11.8 to 1 |
| 11 | `#6cd5be` | `oklch(80.42% 0.1041 176.88)` | Downy | black, 11.9 to 1 |
| 12 | `#6ed4ae` | `oklch(79.82% 0.1116 166.70)` | Crystal Gem | black, 11.7 to 1 |
| 13 | `#75d19a` | `oklch(78.87% 0.1187 156.35)` | Jocose Jade | black, 11.3 to 1 |
| 14 | `#7fcc86` | `oklch(77.77% 0.1254 146.15)` | Serengeti Green | black, 10.9 to 1 |
| 15 | `#8cc671` | `oklch(76.71% 0.1313 136.45)` | Pistachio | black, 10.4 to 1 |
| 16 | `#98c15d` | `oklch(75.87% 0.1360 127.55)` | Cabbage Patch | black, 10 to 1 |
| 17 | `#a5bc4d` | `oklch(75.41% 0.1393 119.71)` | Money Banks | black, 9.8 to 1 |
| 18 | `#b0b73f` | `oklch(75.24% 0.1414 112.65)` | Hopscotch | black, 9.7 to 1 |
| 19 | `#bbb435` | `oklch(75.22% 0.1426 106.18)` | Lively Lime | black, 9.6 to 1 |
| 20 | `#c4b02e` | `oklch(75.23% 0.1429 100.17)` | Mulgore Mustard | black, 9.5 to 1 |
| 21 | `#cbac2a` | `oklch(75.15% 0.1426 94.51)` | Hippie Trail | black, 9.5 to 1 |
| 22 | `#d1a829` | `oklch(74.87% 0.1418 89.07)` | Brassy | black, 9.3 to 1 |
| 23 | `#d6a32a` | `oklch(74.25% 0.1407 83.73)` | Curry | black, 9 to 1 |
| 24 | `#d79c2b` | `oklch(73.18% 0.1395 78.37)` | New England Autumn | black, 8.6 to 1 |
| 25 | `#d7932c` | `oklch(71.49% 0.1380 72.83)` | Golden Orange | black, 8.1 to 1 |
| 26 | `#d3892d` | `oklch(69.08% 0.1356 67.10)` | Opulent | black, 7.3 to 1 |
| 27 | `#cc7d2f` | `oklch(66.17% 0.1326 61.34)` | Polished Bronze | black, 6.5 to 1 |
| 28 | `#c37230` | `oklch(63.02% 0.1293 55.76)` | Caramelised Peach | black, 5.7 to 1 |
| 29 | `#ba6732` | `oklch(59.86% 0.1260 50.54)` | Ruddy Brown | black, 5 to 1 |
| 30 | `#b15d32` | `oklch(56.94% 0.1229 45.87)` | Monument Valley | white, 4.6 to 1 |
| 31 | `#a95533` | `oklch(54.49% 0.1203 41.95)` | Vesuvius | white, 5.2 to 1 |
| 32 | `#a34f33` | `oklch(52.76% 0.1185 38.97)` | Truffle Trouble | white, 5.6 to 1 |

## CSS

```css
background: linear-gradient(135deg, #617487 0.0%, #647b8f 3.2%, #68869b 6.5%, #6c92a8 9.7%, #70a1b6 12.9%, #72afc2 16.1%, #74bdcb 19.4%, #73c8d0 22.6%, #71cfcf 25.8%, #6ed4c9 29.0%, #6cd5be 32.3%, #6ed4ae 35.5%, #75d19a 38.7%, #7fcc86 41.9%, #8cc671 45.2%, #98c15d 48.4%, #a5bc4d 51.6%, #b0b73f 54.8%, #bbb435 58.1%, #c4b02e 61.3%, #cbac2a 64.5%, #d1a829 67.7%, #d6a32a 71.0%, #d79c2b 74.2%, #d7932c 77.4%, #d3892d 80.6%, #cc7d2f 83.9%, #c37230 87.1%, #ba6732 90.3%, #b15d32 93.5%, #a95533 96.8%, #a34f33 100.0%);
background: linear-gradient(135deg in oklch, oklch(55.12% 0.0372 248.20) 0.0%, oklch(57.28% 0.0413 244.31) 3.2%, oklch(60.38% 0.0468 239.29) 6.5%, oklch(64.09% 0.0533 233.32) 9.7%, oklch(68.07% 0.0605 226.59) 12.9%, oklch(71.97% 0.0681 219.25) 16.1%, oklch(75.45% 0.0758 211.51) 19.4%, oklch(78.18% 0.0831 203.52) 22.6%, oklch(79.83% 0.0898 195.43) 25.8%, oklch(80.49% 0.0968 186.57) 29.0%, oklch(80.42% 0.1041 176.88) 32.3%, oklch(79.82% 0.1116 166.70) 35.5%, oklch(78.87% 0.1187 156.35) 38.7%, oklch(77.77% 0.1254 146.15) 41.9%, oklch(76.71% 0.1313 136.45) 45.2%, oklch(75.87% 0.1360 127.55) 48.4%, oklch(75.41% 0.1393 119.71) 51.6%, oklch(75.24% 0.1414 112.65) 54.8%, oklch(75.22% 0.1426 106.18) 58.1%, oklch(75.23% 0.1429 100.17) 61.3%, oklch(75.15% 0.1426 94.51) 64.5%, oklch(74.87% 0.1418 89.07) 67.7%, oklch(74.25% 0.1407 83.73) 71.0%, oklch(73.18% 0.1395 78.37) 74.2%, oklch(71.49% 0.1380 72.83) 77.4%, oklch(69.08% 0.1356 67.10) 80.6%, oklch(66.17% 0.1326 61.34) 83.9%, oklch(63.02% 0.1293 55.76) 87.1%, oklch(59.86% 0.1260 50.54) 90.3%, oklch(56.94% 0.1229 45.87) 93.5%, oklch(54.49% 0.1203 41.95) 96.8%, oklch(52.76% 0.1185 38.97) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.551 | 0.037 | 248.2 |
| 2 | 0.795 | 0.088 | 197.5 |
| 3 | 0.756 | 0.138 | 123.5 |
| 4 | 0.728 | 0.139 | 77 |
| 5 | 0.528 | 0.119 | 39 |

## In these collections

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

## Other forms

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