# Near-black, turquoise and crimson weather map palette

The Near-black, turquoise and crimson weather map palette brings together dark gray, dark blue, teal, gold, and red. 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: Black, blue, light green and orange linear gradient
- Seed: `kWKQ-9HZO_1gouXsM7Kxr23I`
- Page: https://grabient.com/kWKQ-9HZO_1gouXsM7Kxr23I?steps=32
- Drawn as: linear gradient, 32 steps, 90 degrees
- Kinds: light center, vivid
- Hues: two-hue
- Contrast of its darkest and lightest colors: 12.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 | `#090d17` | `oklch(16.14% 0.0207 265.78)` | Midnight Oil | white, 19.3 to 1 |
| 2 | `#090e18` | `oklch(16.43% 0.0231 266.09)` | Nyctophobia | white, 19.3 to 1 |
| 3 | `#090e1a` | `oklch(16.50% 0.0262 266.92)` | Nyctophobia | white, 19.2 to 1 |
| 4 | `#090e1b` | `oklch(16.58% 0.0299 267.92)` | Nyctophobia | white, 19.2 to 1 |
| 5 | `#090e1e` | `oklch(16.86% 0.0341 268.77)` | Tristesse | white, 19.2 to 1 |
| 6 | `#0a0f22` | `oklch(17.55% 0.0388 269.12)` | Tristesse | white, 19 to 1 |
| 7 | `#0b1227` | `oklch(18.85% 0.0439 268.63)` | Corbeau | white, 18.5 to 1 |
| 8 | `#0e172f` | `oklch(20.97% 0.0494 266.96)` | Liberty Blue | white, 17.8 to 1 |
| 9 | `#121e3a` | `oklch(24.14% 0.0552 263.79)` | Nightwalker | white, 16.4 to 1 |
| 10 | `#172a49` | `oklch(28.78% 0.0620 259.54)` | Rurikon Blue | white, 14.2 to 1 |
| 11 | `#1e3b5d` | `oklch(34.66% 0.0696 254.42)` | Navy Peony | white, 11.4 to 1 |
| 12 | `#264e73` | `oklch(41.34% 0.0777 248.40)` | Mykonos Reflection | white, 8.6 to 1 |
| 13 | `#2b648b` | `oklch(48.37% 0.0860 241.48)` | Copenhagen Blue | white, 6.3 to 1 |
| 14 | `#2f7ba1` | `oklch(55.30% 0.0941 233.62)` | Prominent Blue | white, 4.6 to 1 |
| 15 | `#2e92b3` | `oklch(61.70% 0.1018 224.81)` | Navagio Bay | black, 5.8 to 1 |
| 16 | `#2aa6bf` | `oklch(67.10% 0.1086 215.03)` | Gulf Waters | black, 7.3 to 1 |
| 17 | `#26b7c3` | `oklch(71.25% 0.1144 204.08)` | Utopia Beckons | black, 8.6 to 1 |
| 18 | `#30c5c0` | `oklch(74.93% 0.1193 191.11)` | Swimmers Pool | black, 9.9 to 1 |
| 19 | `#4ad2b6` | `oklch(78.21% 0.1235 176.52)` | Simply Aqua | black, 11.1 to 1 |
| 20 | `#6cdaa6` | `oklch(80.99% 0.1273 160.93)` | Medium Aquamarine | black, 12.2 to 1 |
| 21 | `#90de92` | `oklch(83.18% 0.1308 144.96)` | VIC 20 Green | black, 13 to 1 |
| 22 | `#b1de7d` | `oklch(84.68% 0.1342 129.20)` | Melissa | black, 13.6 to 1 |
| 23 | `#cdd969` | `oklch(85.40% 0.1375 114.29)` | Cool as a Cucumber | black, 13.7 to 1 |
| 24 | `#e3d158` | `oklch(85.23% 0.1410 100.83)` | Gamboge Yellow | black, 13.5 to 1 |
| 25 | `#f0c44a` | `oklch(83.84% 0.1448 88.78)` | Hive Delight | black, 12.7 to 1 |
| 26 | `#f6b23d` | `oklch(80.85% 0.1489 77.02)` | Squash Blossom | black, 11.3 to 1 |
| 27 | `#f49d34` | `oklch(76.71% 0.1530 65.70)` | Yellow Sea | black, 9.7 to 1 |
| 28 | `#ed8631` | `oklch(71.89% 0.1571 55.04)` | Kid’s Stuff | black, 8 to 1 |
| 29 | `#e36f33` | `oklch(66.87% 0.1610 45.29)` | Lava Pit | black, 6.5 to 1 |
| 30 | `#d65a37` | `oklch(62.15% 0.1644 36.68)` | Energetic Orange | black, 5.4 to 1 |
| 31 | `#cb493b` | `oklch(58.20% 0.1673 29.43)` | Terra Cotta Red | white, 4.6 to 1 |
| 32 | `#c33d3f` | `oklch(55.51% 0.1695 23.79)` | Costa Rican Palm | white, 5.1 to 1 |

## CSS

```css
background: linear-gradient(90deg, #090d17 0.0%, #090e18 3.2%, #090e1a 6.5%, #090e1b 9.7%, #090e1e 12.9%, #0a0f22 16.1%, #0b1227 19.4%, #0e172f 22.6%, #121e3a 25.8%, #172a49 29.0%, #1e3b5d 32.3%, #264e73 35.5%, #2b648b 38.7%, #2f7ba1 41.9%, #2e92b3 45.2%, #2aa6bf 48.4%, #26b7c3 51.6%, #30c5c0 54.8%, #4ad2b6 58.1%, #6cdaa6 61.3%, #90de92 64.5%, #b1de7d 67.7%, #cdd969 71.0%, #e3d158 74.2%, #f0c44a 77.4%, #f6b23d 80.6%, #f49d34 83.9%, #ed8631 87.1%, #e36f33 90.3%, #d65a37 93.5%, #cb493b 96.8%, #c33d3f 100.0%);
background: linear-gradient(90deg in oklch, oklch(16.14% 0.0207 265.78) 0.0%, oklch(16.43% 0.0231 266.09) 3.2%, oklch(16.50% 0.0262 266.92) 6.5%, oklch(16.58% 0.0299 267.92) 9.7%, oklch(16.86% 0.0341 268.77) 12.9%, oklch(17.55% 0.0388 269.12) 16.1%, oklch(18.85% 0.0439 268.63) 19.4%, oklch(20.97% 0.0494 266.96) 22.6%, oklch(24.14% 0.0552 263.79) 25.8%, oklch(28.78% 0.0620 259.54) 29.0%, oklch(34.66% 0.0696 254.42) 32.3%, oklch(41.34% 0.0777 248.40) 35.5%, oklch(48.37% 0.0860 241.48) 38.7%, oklch(55.30% 0.0941 233.62) 41.9%, oklch(61.70% 0.1018 224.81) 45.2%, oklch(67.10% 0.1086 215.03) 48.4%, oklch(71.25% 0.1144 204.08) 51.6%, oklch(74.93% 0.1193 191.11) 54.8%, oklch(78.21% 0.1235 176.52) 58.1%, oklch(80.99% 0.1273 160.93) 61.3%, oklch(83.18% 0.1308 144.96) 64.5%, oklch(84.68% 0.1342 129.20) 67.7%, oklch(85.40% 0.1375 114.29) 71.0%, oklch(85.23% 0.1410 100.83) 74.2%, oklch(83.84% 0.1448 88.78) 77.4%, oklch(80.85% 0.1489 77.02) 80.6%, oklch(76.71% 0.1530 65.70) 83.9%, oklch(71.89% 0.1571 55.04) 87.1%, oklch(66.87% 0.1610 45.29) 90.3%, oklch(62.15% 0.1644 36.68) 93.5%, oklch(58.20% 0.1673 29.43) 96.8%, oklch(55.51% 0.1695 23.79) 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.232 | 0.054 | 264.7 |
| 3 | 0.693 | 0.112 | 209.8 |
| 4 | 0.85 | 0.142 | 97.8 |
| 5 | 0.555 | 0.169 | 23.8 |

## In these collections

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

## Other forms

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