# Near-black, crimson and ochre weather map palette

The Near-black, crimson and ochre weather map palette brings together dark gray, purple, red, orange, and gold. The colors span a broad lightness range, combining strong color with clear contrast. Its bold and dramatic character suits information graphics and map mood boards. Its darkest tone is dark gray, and its lightest tone is gold.

- Also called: Navy, purple, orange and yellow linear gradient
- Seed: `kWKQ-9QLzGEa9x_SuEK7DPF4`
- Page: https://grabient.com/kWKQ-9QLzGEa9x_SuEK7DPF4?steps=32&angle=45
- Drawn as: linear gradient, 32 steps, 45 degrees
- Kinds: dark to light, vivid
- Hues: wide
- Contrast of its darkest and lightest colors: 12.3 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 | `#090d17` | `oklch(16.14% 0.0207 265.78)` | Midnight Oil | white, 19.3 to 1 |
| 2 | `#0e1323` | `oklch(19.13% 0.0334 269.81)` | Corbeau | white, 18.4 to 1 |
| 3 | `#171b36` | `oklch(23.36% 0.0515 275.07)` | Nightwalker | white, 16.8 to 1 |
| 4 | `#24244d` | `oklch(28.41% 0.0732 281.33)` | Pāua | white, 14.6 to 1 |
| 5 | `#372d66` | `oklch(33.86% 0.0965 288.36)` | Deep Koamaru | white, 12.2 to 1 |
| 6 | `#4d347d` | `oklch(39.30% 0.1196 295.91)` | Galactic Compass | white, 9.9 to 1 |
| 7 | `#653a91` | `oklch(44.31% 0.1406 303.77)` | Violet Magician | white, 8.2 to 1 |
| 8 | `#7c3d9e` | `oklch(48.47% 0.1576 311.71)` | Cadmium Violet | white, 6.9 to 1 |
| 9 | `#8f3ea2` | `oklch(51.39% 0.1690 319.53)` | Purple Pleasures | white, 6.1 to 1 |
| 10 | `#9f3d9e` | `oklch(53.20% 0.1755 328.06)` | Medium Purple | white, 5.7 to 1 |
| 11 | `#ac3a94` | `oklch(54.21% 0.1785 337.37)` | Purple Cactus Flower | white, 5.5 to 1 |
| 12 | `#b53784` | `oklch(54.64% 0.1789 347.07)` | Fandango | white, 5.4 to 1 |
| 13 | `#bb3573` | `oklch(54.73% 0.1775 356.78)` | Pink Shadow | white, 5.4 to 1 |
| 14 | `#be3561` | `oklch(54.69% 0.1750 6.10)` | Maroon Light | white, 5.4 to 1 |
| 15 | `#c03750` | `oklch(54.75% 0.1722 14.66)` | Dry Rose | white, 5.3 to 1 |
| 16 | `#c13b42` | `oklch(55.13% 0.1701 22.05)` | Poppy | white, 5.2 to 1 |
| 17 | `#c44137` | `oklch(55.97% 0.1690 27.89)` | Reddish | white, 5 to 1 |
| 18 | `#c64630` | `oklch(56.88% 0.1676 32.07)` | Mexican Red Papaya | white, 4.8 to 1 |
| 19 | `#c84b2c` | `oklch(57.84% 0.1658 35.01)` | Fox | white, 4.6 to 1 |
| 20 | `#cb502b` | `oklch(58.86% 0.1637 37.17)` | Orange Keeper | black, 4.7 to 1 |
| 21 | `#cd562c` | `oklch(60.01% 0.1614 39.02)` | Bronze Satin | black, 4.9 to 1 |
| 22 | `#d05c2d` | `oklch(61.30% 0.1591 41.01)` | Chilean Fire | black, 5.2 to 1 |
| 23 | `#d3632d` | `oklch(62.78% 0.1568 43.62)` | Tangerine Bliss | black, 5.5 to 1 |
| 24 | `#d76b2b` | `oklch(64.49% 0.1548 47.30)` | Christmas Orange | black, 6 to 1 |
| 25 | `#db7528` | `oklch(66.57% 0.1530 52.48)` | Orange Ochre | black, 6.5 to 1 |
| 26 | `#df8125` | `oklch(69.17% 0.1511 59.04)` | Sports Fan | black, 7.3 to 1 |
| 27 | `#e28f24` | `oklch(72.12% 0.1492 66.47)` | Sumac Dyed | black, 8.2 to 1 |
| 28 | `#e59f29` | `oklch(75.20% 0.1474 74.28)` | Shì Zǐ Chéng Persimmon | black, 9.2 to 1 |
| 29 | `#e6ae33` | `oklch(78.24% 0.1457 81.96)` | Quercitron | black, 10.4 to 1 |
| 30 | `#e6bb40` | `oklch(81.02% 0.1442 89.00)` | Capital Yellow | black, 11.5 to 1 |
| 31 | `#e6c74c` | `oklch(83.35% 0.1429 94.90)` | Fall Meadow | black, 12.6 to 1 |
| 32 | `#e5cf55` | `oklch(85.04% 0.1419 99.17)` | Gamboge Yellow | black, 13.3 to 1 |

## CSS

```css
background: linear-gradient(45deg, #090d17 0.0%, #0e1323 3.2%, #171b36 6.5%, #24244d 9.7%, #372d66 12.9%, #4d347d 16.1%, #653a91 19.4%, #7c3d9e 22.6%, #8f3ea2 25.8%, #9f3d9e 29.0%, #ac3a94 32.3%, #b53784 35.5%, #bb3573 38.7%, #be3561 41.9%, #c03750 45.2%, #c13b42 48.4%, #c44137 51.6%, #c64630 54.8%, #c84b2c 58.1%, #cb502b 61.3%, #cd562c 64.5%, #d05c2d 67.7%, #d3632d 71.0%, #d76b2b 74.2%, #db7528 77.4%, #df8125 80.6%, #e28f24 83.9%, #e59f29 87.1%, #e6ae33 90.3%, #e6bb40 93.5%, #e6c74c 96.8%, #e5cf55 100.0%);
background: linear-gradient(45deg in oklch, oklch(16.14% 0.0207 265.78) 0.0%, oklch(19.13% 0.0334 269.81) 3.2%, oklch(23.36% 0.0515 275.07) 6.5%, oklch(28.41% 0.0732 281.33) 9.7%, oklch(33.86% 0.0965 288.36) 12.9%, oklch(39.30% 0.1196 295.91) 16.1%, oklch(44.31% 0.1406 303.77) 19.4%, oklch(48.47% 0.1576 311.71) 22.6%, oklch(51.39% 0.1690 319.53) 25.8%, oklch(53.20% 0.1755 328.06) 29.0%, oklch(54.21% 0.1785 337.37) 32.3%, oklch(54.64% 0.1789 347.07) 35.5%, oklch(54.73% 0.1775 356.78) 38.7%, oklch(54.69% 0.1750 6.10) 41.9%, oklch(54.75% 0.1722 14.66) 45.2%, oklch(55.13% 0.1701 22.05) 48.4%, oklch(55.97% 0.1690 27.89) 51.6%, oklch(56.88% 0.1676 32.07) 54.8%, oklch(57.84% 0.1658 35.01) 58.1%, oklch(58.86% 0.1637 37.17) 61.3%, oklch(60.01% 0.1614 39.02) 64.5%, oklch(61.30% 0.1591 41.01) 67.7%, oklch(62.78% 0.1568 43.62) 71.0%, oklch(64.49% 0.1548 47.30) 74.2%, oklch(66.57% 0.1530 52.48) 77.4%, oklch(69.17% 0.1511 59.04) 80.6%, oklch(72.12% 0.1492 66.47) 83.9%, oklch(75.20% 0.1474 74.28) 87.1%, oklch(78.24% 0.1457 81.96) 90.3%, oklch(81.02% 0.1442 89.00) 93.5%, oklch(83.35% 0.1429 94.90) 96.8%, oklch(85.04% 0.1419 99.17) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.161 | 0.021 | 265.8 |
| 2 | 0.508 | 0.167 | 317.6 |
| 3 | 0.555 | 0.169 | 385.2 |
| 4 | 0.65 | 0.154 | 408.4 |
| 5 | 0.85 | 0.142 | 459.2 |

## In these collections

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

## Other forms

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