# Near-black, deep teal and lime halloween palette

The Near-black, deep teal and lime halloween palette brings together dark gray, dark green, and green. The colors span a very broad lightness range, combining strong color with high contrast. Its bold and dramatic character suits seasonal packaging and event invitations. Its darkest tone is dark gray, and its lightest tone is green.

- Also called: Monochrome black and lime green linear swatches
- Seed: `kWJAN1pQ8_zahQBZRD38Uw9Y`
- Page: https://grabient.com/kWJAN1pQ8_zahQBZRD38Uw9Y?style=linearSwatches&steps=5&angle=45
- Drawn as: linear swatches, 5 steps, 45 degrees
- Kinds: dark to light, vivid, monochrome
- Hues: analogous
- Contrast of its darkest and lightest colors: 14.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 | `#080a09` | `oklch(14.17% 0.0041 165.23)` | Existential Angst | white, 19.8 to 1 |
| 2 | `#163226` | `oklch(29.13% 0.0413 164.18)` | Intense Green | white, 13.8 to 1 |
| 3 | `#005f43` | `oklch(42.92% 0.0900 165.21)` | Sci-Fi Takeout | white, 7.7 to 1 |
| 4 | `#29bd56` | `oklch(70.08% 0.1874 148.33)` | Vegan Mastermind | black, 8.4 to 1 |
| 5 | `#b5f33e` | `oklch(88.98% 0.2094 127.19)` | Pick Your Poison | black, 15.8 to 1 |

## CSS

```css
background: linear-gradient(45deg, #080a09 0.000% 20.000%, #163226 20.000% 40.000%, #005f43 40.000% 60.000%, #29bd56 60.000% 80.000%, #b5f33e 80.000% 100.000%);
background: linear-gradient(45deg, oklch(14.17% 0.0041 165.23) 0.000% 20.000%, oklch(29.13% 0.0413 164.18) 20.000% 40.000%, oklch(42.92% 0.0900 165.21) 40.000% 60.000%, oklch(70.08% 0.1874 148.33) 60.000% 80.000%, oklch(88.98% 0.2094 127.19) 80.000% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.142 | 0.004 | 165.2 |
| 2 | 0.291 | 0.041 | 164.2 |
| 3 | 0.429 | 0.091 | 165.2 |
| 4 | 0.701 | 0.187 | 148.3 |
| 5 | 0.89 | 0.209 | 127.2 |

## In these collections

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

## Other forms

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