# Near-black, lime and orange color palette

The Near-black, lime and orange color palette brings together dark gray, purple, green, red, and orange. The colors span a broad lightness range, combining moderate color with clear contrast. Its balanced and composed character suits poster layouts and editorial spreads. Its darkest tone is dark gray, and its lightest tone is orange.

- Also called: Black, green, red and orange linear swatches
- Seed: `kWMArfsClAVe200-ubR3DfEI`
- Page: https://grabient.com/kWMArfsClAVe200-ubR3DfEI?style=linearSwatches&steps=5&angle=180
- Drawn as: linear swatches, 5 steps, 180 degrees
- Kinds: light center, vivid, multicolor
- Hues: two-hue
- Contrast of its darkest and lightest colors: 7.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 | `#161218` | `oklch(18.90% 0.0138 314.30)` | Back in Black | white, 18.5 to 1 |
| 2 | `#592a68` | `oklch(37.80% 0.1130 317.47)` | Imperial Purple | white, 10.6 to 1 |
| 3 | `#8da82a` | `oklch(68.90% 0.1502 121.26)` | Beautiful Mint | black, 7.8 to 1 |
| 4 | `#a82e31` | `oklch(49.21% 0.1585 24.04)` | Heartthrob | white, 6.7 to 1 |
| 5 | `#ea8c2e` | `oklch(72.44% 0.1530 59.97)` | Goblin Eyes | black, 8.2 to 1 |

## CSS

```css
background: linear-gradient(180deg, #161218 0.000% 20.000%, #592a68 20.000% 40.000%, #8da82a 40.000% 60.000%, #a82e31 60.000% 80.000%, #ea8c2e 80.000% 100.000%);
background: linear-gradient(180deg, oklch(18.90% 0.0138 314.30) 0.000% 20.000%, oklch(37.80% 0.1130 317.47) 20.000% 40.000%, oklch(68.90% 0.1502 121.26) 40.000% 60.000%, oklch(49.21% 0.1585 24.04) 60.000% 80.000%, oklch(72.44% 0.1530 59.97) 80.000% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.189 | 0.014 | 314.3 |
| 2 | 0.378 | 0.113 | 317.5 |
| 3 | 0.689 | 0.15 | 481.3 |
| 4 | 0.492 | 0.158 | 384 |
| 5 | 0.724 | 0.153 | 420 |

## In these collections

- [Wasabi plum editorial](https://grabient.com/wasabi-plum-editorial)
- [Kerala riverboat regatta](https://grabient.com/kerala-riverboat-regatta)
- [Halloween swatches](https://grabient.com/halloween-swatches)
- [Gold border jasmine garland](https://grabient.com/gold-border-jasmine-garland)

## Other forms

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