# Forest green, ochre and magenta weather map

The Forest green, ochre and magenta weather map brings together green, gold, orange, red, and magenta. The colors span a moderate lightness range, combining strong color with clear contrast. Its balanced and composed character suits information graphics and map mood boards. Its darkest tone is magenta, and its lightest tone is gold.

- Also called: Green, yellow, orange and magenta angular gradient
- Seed: `kYeldnVra9mqzPHbujvR0U8bg9uo`
- Page: https://grabient.com/kYeldnVra9mqzPHbujvR0U8bg9uo?style=angularGradient&steps=48&angle=0
- Drawn as: angular gradient, 48 steps, 0 degrees
- Kinds: light center, vivid
- Hues: wide
- Contrast of its darkest and lightest colors: 5.2 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 | `#296f2f` | `oklch(48.03% 0.1199 144.84)` | San Felix | white, 6.1 to 1 |
| 2 | `#2f722f` | `oklch(49.34% 0.1220 143.61)` | Japanese Laurel | white, 5.8 to 1 |
| 3 | `#367730` | `oklch(51.06% 0.1250 142.06)` | Japanese Laurel | white, 5.4 to 1 |
| 4 | `#3e7d31` | `oklch(53.10% 0.1287 140.25)` | Mermaid’s Tail | white, 4.9 to 1 |
| 5 | `#488431` | `oklch(55.39% 0.1327 138.20)` | Mountain Meadow Green | black, 4.6 to 1 |
| 6 | `#528b31` | `oklch(57.83% 0.1369 135.96)` | Football Pitch | black, 5.1 to 1 |
| 7 | `#5d9331` | `oklch(60.33% 0.1409 133.57)` | Pont Moss | black, 5.6 to 1 |
| 8 | `#699a31` | `oklch(62.80% 0.1446 131.05)` | Radiant Foliage | black, 6.2 to 1 |
| 9 | `#74a030` | `oklch(65.16% 0.1476 128.46)` | Green Gone Wild | black, 6.8 to 1 |
| 10 | `#80a62f` | `oklch(67.32% 0.1497 125.82)` | Spring Vegetables | black, 7.3 to 1 |
| 11 | `#8bab2f` | `oklch(69.29% 0.1506 123.15)` | German Hop | black, 7.9 to 1 |
| 12 | `#96b032` | `oklch(71.38% 0.1505 120.35)` | Green Tea Ice Cream | black, 8.5 to 1 |
| 13 | `#a3b536` | `oklch(73.54% 0.1496 117.42)` | Vintage Chartreuse | black, 9.2 to 1 |
| 14 | `#afba3b` | `oklch(75.70% 0.1481 114.37)` | Hopscotch | black, 9.9 to 1 |
| 15 | `#bbbf40` | `oklch(77.78% 0.1463 111.22)` | Enigma | black, 10.6 to 1 |
| 16 | `#c6c346` | `oklch(79.68% 0.1443 107.98)` | Anime | black, 11.3 to 1 |
| 17 | `#d0c64b` | `oklch(81.33% 0.1425 104.67)` | Salsa Verde | black, 11.9 to 1 |
| 18 | `#dac94f` | `oklch(82.63% 0.1412 101.31)` | Lanky Lemon | black, 12.3 to 1 |
| 19 | `#e1c951` | `oklch(83.51% 0.1405 97.91)` | Golden Yarrow | black, 12.7 to 1 |
| 20 | `#e8c851` | `oklch(83.89% 0.1407 94.49)` | Golden Trident | black, 12.8 to 1 |
| 21 | `#ecc64e` | `oklch(83.72% 0.1415 90.94)` | Yellow Brick Road | black, 12.7 to 1 |
| 22 | `#efc14a` | `oklch(83.08% 0.1428 87.27)` | Hive Delight | black, 12.3 to 1 |
| 23 | `#f1bb44` | `oklch(82.04% 0.1446 83.49)` | Golden Glam | black, 11.9 to 1 |
| 24 | `#f1b43e` | `oklch(80.70% 0.1466 79.66)` | Dairy Made | black, 11.3 to 1 |
| 25 | `#f1ac37` | `oklch(79.14% 0.1489 75.82)` | Tonkatsu | black, 10.7 to 1 |
| 26 | `#f0a430` | `oklch(77.44% 0.1514 71.99)` | Acorn Squash | black, 10 to 1 |
| 27 | `#ef9b29` | `oklch(75.69% 0.1540 68.21)` | Burning Trail | black, 9.3 to 1 |
| 28 | `#ed9223` | `oklch(73.96% 0.1566 64.54)` | Carrot Orange | black, 8.7 to 1 |
| 29 | `#ec8a1f` | `oklch(72.35% 0.1593 60.99)` | Mimolette Orange | black, 8.2 to 1 |
| 30 | `#ea831c` | `oklch(70.81% 0.1622 57.65)` | Master Round Yellow | black, 7.7 to 1 |
| 31 | `#e87a17` | `oklch(69.16% 0.1657 54.54)` | Pumpkin Cat | black, 7.2 to 1 |
| 32 | `#e57211` | `oklch(67.42% 0.1697 51.60)` | Thai Mango | black, 6.7 to 1 |
| 33 | `#e2690b` | `oklch(65.62% 0.1738 48.73)` | Brihaspati Orange | black, 6.2 to 1 |
| 34 | `#df5f06` | `oklch(63.79% 0.1779 45.88)` | Ferocious Fox | black, 5.7 to 1 |
| 35 | `#db5606` | `oklch(61.97% 0.1818 42.96)` | Raging Leaf | black, 5.3 to 1 |
| 36 | `#d74d0b` | `oklch(60.18% 0.1852 39.90)` | Deep Orange | black, 4.9 to 1 |
| 37 | `#d34313` | `oklch(58.45% 0.1879 36.62)` | Lava Smoothie | black, 4.5 to 1 |
| 38 | `#ce3a1d` | `oklch(56.82% 0.1896 33.04)` | Red Sauce Parlour | white, 4.9 to 1 |
| 39 | `#ca3227` | `oklch(55.31% 0.1903 29.05)` | Hot Lips | white, 5.2 to 1 |
| 40 | `#c42a31` | `oklch(53.80% 0.1896 24.37)` | Knockout | white, 5.6 to 1 |
| 41 | `#be233b` | `oklch(52.30% 0.1880 19.13)` | Opening Ribbon | white, 6 to 1 |
| 42 | `#b71e45` | `oklch(50.82% 0.1856 13.55)` | Carmoisine | white, 6.4 to 1 |
| 43 | `#af1a4e` | `oklch(49.40% 0.1827 7.85)` | Cerise | white, 6.8 to 1 |
| 44 | `#a71855` | `oklch(48.07% 0.1795 2.24)` | Plum Perfect | white, 7.2 to 1 |
| 45 | `#a0175c` | `oklch(46.84% 0.1763 356.96)` | Berry Curious | white, 7.5 to 1 |
| 46 | `#981761` | `oklch(45.75% 0.1734 352.23)` | Raspberry Magenta | white, 7.9 to 1 |
| 47 | `#921765` | `oklch(44.83% 0.1711 348.26)` | Romantic Vampire | white, 8.2 to 1 |
| 48 | `#8e1767` | `oklch(44.09% 0.1695 345.27)` | Possessed Purple | white, 8.5 to 1 |

## CSS

```css
background: conic-gradient(from 0deg, #296f2f 0.0%, #2f722f 2.1%, #367730 4.3%, #3e7d31 6.4%, #488431 8.5%, #528b31 10.6%, #5d9331 12.8%, #699a31 14.9%, #74a030 17.0%, #80a62f 19.1%, #8bab2f 21.3%, #96b032 23.4%, #a3b536 25.5%, #afba3b 27.7%, #bbbf40 29.8%, #c6c346 31.9%, #d0c64b 34.0%, #dac94f 36.2%, #e1c951 38.3%, #e8c851 40.4%, #ecc64e 42.6%, #efc14a 44.7%, #f1bb44 46.8%, #f1b43e 48.9%, #f1ac37 51.1%, #f0a430 53.2%, #ef9b29 55.3%, #ed9223 57.4%, #ec8a1f 59.6%, #ea831c 61.7%, #e87a17 63.8%, #e57211 66.0%, #e2690b 68.1%, #df5f06 70.2%, #db5606 72.3%, #d74d0b 74.5%, #d34313 76.6%, #ce3a1d 78.7%, #ca3227 80.9%, #c42a31 83.0%, #be233b 85.1%, #b71e45 87.2%, #af1a4e 89.4%, #a71855 91.5%, #a0175c 93.6%, #981761 95.7%, #921765 97.9%, #8e1767 100.0%);
background: conic-gradient(from 0deg in oklch, oklch(48.03% 0.1199 144.84) 0.0%, oklch(49.34% 0.1220 143.61) 2.1%, oklch(51.06% 0.1250 142.06) 4.3%, oklch(53.10% 0.1287 140.25) 6.4%, oklch(55.39% 0.1327 138.20) 8.5%, oklch(57.83% 0.1369 135.96) 10.6%, oklch(60.33% 0.1409 133.57) 12.8%, oklch(62.80% 0.1446 131.05) 14.9%, oklch(65.16% 0.1476 128.46) 17.0%, oklch(67.32% 0.1497 125.82) 19.1%, oklch(69.29% 0.1506 123.15) 21.3%, oklch(71.38% 0.1505 120.35) 23.4%, oklch(73.54% 0.1496 117.42) 25.5%, oklch(75.70% 0.1481 114.37) 27.7%, oklch(77.78% 0.1463 111.22) 29.8%, oklch(79.68% 0.1443 107.98) 31.9%, oklch(81.33% 0.1425 104.67) 34.0%, oklch(82.63% 0.1412 101.31) 36.2%, oklch(83.51% 0.1405 97.91) 38.3%, oklch(83.89% 0.1407 94.49) 40.4%, oklch(83.72% 0.1415 90.94) 42.6%, oklch(83.08% 0.1428 87.27) 44.7%, oklch(82.04% 0.1446 83.49) 46.8%, oklch(80.70% 0.1466 79.66) 48.9%, oklch(79.14% 0.1489 75.82) 51.1%, oklch(77.44% 0.1514 71.99) 53.2%, oklch(75.69% 0.1540 68.21) 55.3%, oklch(73.96% 0.1566 64.54) 57.4%, oklch(72.35% 0.1593 60.99) 59.6%, oklch(70.81% 0.1622 57.65) 61.7%, oklch(69.16% 0.1657 54.54) 63.8%, oklch(67.42% 0.1697 51.60) 66.0%, oklch(65.62% 0.1738 48.73) 68.1%, oklch(63.79% 0.1779 45.88) 70.2%, oklch(61.97% 0.1818 42.96) 72.3%, oklch(60.18% 0.1852 39.90) 74.5%, oklch(58.45% 0.1879 36.62) 76.6%, oklch(56.82% 0.1896 33.04) 78.7%, oklch(55.31% 0.1903 29.05) 80.9%, oklch(53.80% 0.1896 24.37) 83.0%, oklch(52.30% 0.1880 19.13) 85.1%, oklch(50.82% 0.1856 13.55) 87.2%, oklch(49.40% 0.1827 7.85) 89.4%, oklch(48.07% 0.1795 2.24) 91.5%, oklch(46.84% 0.1763 356.96) 93.6%, oklch(45.75% 0.1734 352.23) 95.7%, oklch(44.83% 0.1711 348.26) 97.9%, oklch(44.09% 0.1695 345.27) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.48 | 0.12 | 144.8 |
| 2 | 0.681 | 0.15 | 124.8 |
| 3 | 0.839 | 0.141 | 95.2 |
| 4 | 0.72 | 0.16 | 60.3 |
| 5 | 0.559 | 0.19 | 30.7 |
| 6 | 0.441 | 0.169 | -14.7 |

## In these collections

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

## Other forms

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