# Jungle Marigold Procession

A deep jungle green gradient moves through moss and lime into marigold, orange, coral, and rose. The broad cool-to-warm transition has a festive floral character with a grounded shadow end, making it useful for celebration graphics, illustrated borders, posters, and dramatic seasonal backgrounds.

- Also called: Tritone dark green, mustard and red linear gradient
- Seed: `kUQxl9wie9-K1uJPS7Yg`
- Page: https://grabient.com/kUQxl9wie9-K1uJPS7Yg?steps=32&angle=135
- Drawn as: linear gradient, 32 steps, 135 degrees
- Kinds: light center, vivid
- Hues: wide
- Contrast of its darkest and lightest colors: 7.4 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 | `#102a24` | `oklch(26.38% 0.0344 176.48)` | Swamp Thing | white, 15.1 to 1 |
| 2 | `#102f28` | `oklch(27.84% 0.0389 175.71)` | Guerrilla Forest | white, 14.4 to 1 |
| 3 | `#10342c` | `oklch(29.72% 0.0447 174.96)` | Intense Green | white, 13.5 to 1 |
| 4 | `#0f3b31` | `oklch(31.94% 0.0517 174.17)` | Night Turquoise | white, 12.4 to 1 |
| 5 | `#0c4336` | `oklch(34.42% 0.0595 173.26)` | UP Forest Green | white, 11.2 to 1 |
| 6 | `#094b3c` | `oklch(37.11% 0.0678 172.14)` | Aqua Deep | white, 10 to 1 |
| 7 | `#055442` | `oklch(39.93% 0.0764 170.74)` | Tetsu Green | white, 8.8 to 1 |
| 8 | `#025e47` | `oklch(42.81% 0.0849 168.99)` | Sci-Fi Takeout | white, 7.8 to 1 |
| 9 | `#03674c` | `oklch(45.68% 0.0930 166.80)` | Bottle Green | white, 6.8 to 1 |
| 10 | `#09704f` | `oklch(48.48% 0.1005 164.10)` | Natural Watercourse | white, 6 to 1 |
| 11 | `#167952` | `oklch(51.13% 0.1070 160.82)` | Poplar Forest | white, 5.4 to 1 |
| 12 | `#258153` | `oklch(53.70% 0.1123 156.88)` | Kākāriki Green | white, 4.8 to 1 |
| 13 | `#358953` | `oklch(56.54% 0.1169 152.32)` | Lake Green | black, 4.8 to 1 |
| 14 | `#479253` | `oklch(59.58% 0.1208 147.21)` | Ineffable Forest | black, 5.5 to 1 |
| 15 | `#5a9b52` | `oklch(62.71% 0.1243 141.62)` | Wicked Witch | black, 6.2 to 1 |
| 16 | `#6da350` | `oklch(65.82% 0.1275 135.63)` | Off Green | black, 7 to 1 |
| 17 | `#81aa4d` | `oklch(68.78% 0.1305 129.29)` | Mosquito Fern | black, 7.8 to 1 |
| 18 | `#94b04a` | `oklch(71.50% 0.1336 122.68)` | Parrot Green | black, 8.5 to 1 |
| 19 | `#a7b544` | `oklch(73.86% 0.1368 115.87)` | Azeitona | black, 9.2 to 1 |
| 20 | `#b8b73e` | `oklch(75.75% 0.1404 108.92)` | Japanese Fern | black, 9.8 to 1 |
| 21 | `#c7b735` | `oklch(77.06% 0.1444 101.91)` | Humorous Green | black, 10.2 to 1 |
| 22 | `#d5b429` | `oklch(77.67% 0.1491 94.83)` | Crown of Liechtenstein | black, 10.3 to 1 |
| 23 | `#e0ae16` | `oklch(77.47% 0.1546 86.98)` | Mustard Yellow | black, 10.2 to 1 |
| 24 | `#e9a400` | `oklch(76.56% 0.1594 78.34)` | Flambrosia | black, 9.7 to 1 |
| 25 | `#ef9800` | `oklch(75.10% 0.1635 69.21)` | Wiener Schnitzel | black, 9.1 to 1 |
| 26 | `#f58900` | `oklch(73.23% 0.1720 59.86)` | Atomic Orange | black, 8.4 to 1 |
| 27 | `#f77914` | `oklch(71.12% 0.1813 50.59)` | Liquid Lava | black, 7.7 to 1 |
| 28 | `#f7692a` | `oklch(68.91% 0.1880 41.64)` | Light My Fire | black, 7 to 1 |
| 29 | `#f45b3b` | `oklch(66.76% 0.1942 33.31)` | Hot Embers | black, 6.3 to 1 |
| 30 | `#f04d49` | `oklch(64.83% 0.1998 25.87)` | Pastel Strawberry | black, 5.8 to 1 |
| 31 | `#ec4355` | `oklch(63.26% 0.2045 19.61)` | Vineyard Autumn | black, 5.4 to 1 |
| 32 | `#e83b5d` | `oklch(62.20% 0.2081 14.80)` | Paradise Pink | black, 5.2 to 1 |

## CSS

```css
background: linear-gradient(135deg, #102a24 0.0%, #102f28 3.2%, #10342c 6.5%, #0f3b31 9.7%, #0c4336 12.9%, #094b3c 16.1%, #055442 19.4%, #025e47 22.6%, #03674c 25.8%, #09704f 29.0%, #167952 32.3%, #258153 35.5%, #358953 38.7%, #479253 41.9%, #5a9b52 45.2%, #6da350 48.4%, #81aa4d 51.6%, #94b04a 54.8%, #a7b544 58.1%, #b8b73e 61.3%, #c7b735 64.5%, #d5b429 67.7%, #e0ae16 71.0%, #e9a400 74.2%, #ef9800 77.4%, #f58900 80.6%, #f77914 83.9%, #f7692a 87.1%, #f45b3b 90.3%, #f04d49 93.5%, #ec4355 96.8%, #e83b5d 100.0%);
background: linear-gradient(135deg in oklch, oklch(26.38% 0.0344 176.48) 0.0%, oklch(27.84% 0.0389 175.71) 3.2%, oklch(29.72% 0.0447 174.96) 6.5%, oklch(31.94% 0.0517 174.17) 9.7%, oklch(34.42% 0.0595 173.26) 12.9%, oklch(37.11% 0.0678 172.14) 16.1%, oklch(39.93% 0.0764 170.74) 19.4%, oklch(42.81% 0.0849 168.99) 22.6%, oklch(45.68% 0.0930 166.80) 25.8%, oklch(48.48% 0.1005 164.10) 29.0%, oklch(51.13% 0.1070 160.82) 32.3%, oklch(53.70% 0.1123 156.88) 35.5%, oklch(56.54% 0.1169 152.32) 38.7%, oklch(59.58% 0.1208 147.21) 41.9%, oklch(62.71% 0.1243 141.62) 45.2%, oklch(65.82% 0.1275 135.63) 48.4%, oklch(68.78% 0.1305 129.29) 51.6%, oklch(71.50% 0.1336 122.68) 54.8%, oklch(73.86% 0.1368 115.87) 58.1%, oklch(75.75% 0.1404 108.92) 61.3%, oklch(77.06% 0.1444 101.91) 64.5%, oklch(77.67% 0.1491 94.83) 67.7%, oklch(77.47% 0.1546 86.98) 71.0%, oklch(76.56% 0.1594 78.34) 74.2%, oklch(75.10% 0.1635 69.21) 77.4%, oklch(73.23% 0.1720 59.86) 80.6%, oklch(71.12% 0.1813 50.59) 83.9%, oklch(68.91% 0.1880 41.64) 87.1%, oklch(66.76% 0.1942 33.31) 90.3%, oklch(64.83% 0.1998 25.87) 93.5%, oklch(63.26% 0.2045 19.61) 96.8%, oklch(62.20% 0.2081 14.80) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.264 | 0.034 | 176.5 |
| 2 | 0.52 | 0.109 | 159.6 |
| 3 | 0.776 | 0.147 | 97.2 |
| 4 | 0.622 | 0.208 | 14.8 |

## In these collections

- [Day of the Dead gradients](https://grabient.com/day-of-the-dead-gradients)

## Other forms

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