# Acid green and pumpkin night bands

Five horizontal bands run from charred forest green through bright leaf green and acid lime to pumpkin orange, then finish in near black. The dark ends frame three forceful Halloween accents with clean, graphic separation. Use this palette for haunted event posters, seasonal packaging, and game graphics inspired by warning stripes.

- Also called: Black, green, yellow and orange linear swatches
- Seed: `kWOxFlVT--fFLPvQxrYl4i2Y`
- Page: https://grabient.com/kWOxFlVT--fFLPvQxrYl4i2Y?style=linearSwatches&steps=5&angle=180
- Drawn as: linear swatches, 5 steps, 180 degrees
- Kinds: light center, vivid
- Hues: two-hue
- Contrast of its darkest and lightest colors: 13.9 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 | `#172016` | `oklch(23.23% 0.0234 142.03)` | Black Emerald | white, 16.6 to 1 |
| 2 | `#72a80e` | `oklch(66.93% 0.1750 129.35)` | Christi | black, 7.3 to 1 |
| 3 | `#c8ee22` | `oklch(88.98% 0.2067 120.90)` | Spleen Green | black, 15.6 to 1 |
| 4 | `#e65219` | `oklch(63.39% 0.1943 38.47)` | Tingle | black, 5.6 to 1 |
| 5 | `#170f19` | `oklch(18.50% 0.0234 318.16)` | Back in Black | white, 18.7 to 1 |

## CSS

```css
background: linear-gradient(180deg, #172016 0.000% 20.000%, #72a80e 20.000% 40.000%, #c8ee22 40.000% 60.000%, #e65219 60.000% 80.000%, #170f19 80.000% 100.000%);
background: linear-gradient(180deg, oklch(23.23% 0.0234 142.03) 0.000% 20.000%, oklch(66.93% 0.1750 129.35) 20.000% 40.000%, oklch(88.98% 0.2067 120.90) 40.000% 60.000%, oklch(63.39% 0.1943 38.47) 60.000% 80.000%, oklch(18.50% 0.0234 318.16) 80.000% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.232 | 0.023 | 142 |
| 2 | 0.669 | 0.175 | 129.4 |
| 3 | 0.89 | 0.207 | 120.9 |
| 4 | 0.634 | 0.194 | 38.5 |
| 5 | 0.185 | 0.023 | -41.8 |

## In these collections

- [Halloween swatches](https://grabient.com/halloween-swatches)

## Other forms

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