# Near-black and aubergine halloween palette

The Near-black and aubergine halloween palette brings together dark gray, dark purple, purple, and magenta. The colors span a broad lightness range, combining strong color with clear contrast. Its bold and dramatic character suits seasonal packaging and event invitations. Its darkest tone is dark gray, and its lightest tone is magenta.

- Also called: Black, navy, purple and pink linear swatches
- Seed: `kWIw_VnRxASu0QK-RUEVb3Cg`
- Page: https://grabient.com/kWIw_VnRxASu0QK-RUEVb3Cg?style=linearSwatches&steps=5&angle=180
- Drawn as: linear swatches, 5 steps, 180 degrees
- Kinds: dark to light, vivid, dark
- Hues: analogous
- Contrast of its darkest and lightest colors: 6.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 | `#0a0710` | `oklch(13.78% 0.0207 300.23)` | Narwhal Grey | white, 19.9 to 1 |
| 2 | `#241039` | `oklch(22.83% 0.0772 303.40)` | Blacklist | white, 17.3 to 1 |
| 3 | `#4f176e` | `oklch(34.25% 0.1433 309.75)` | Velvet Vortex | white, 12.4 to 1 |
| 4 | `#8b2da2` | `oklch(48.82% 0.1902 319.26)` | Leviathan Purple | white, 7 to 1 |
| 5 | `#d966b4` | `oklch(67.32% 0.1695 341.45)` | Mega Magenta | black, 6.5 to 1 |

## CSS

```css
background: linear-gradient(180deg, #0a0710 0.000% 20.000%, #241039 20.000% 40.000%, #4f176e 40.000% 60.000%, #8b2da2 60.000% 80.000%, #d966b4 80.000% 100.000%);
background: linear-gradient(180deg, oklch(13.78% 0.0207 300.23) 0.000% 20.000%, oklch(22.83% 0.0772 303.40) 20.000% 40.000%, oklch(34.25% 0.1433 309.75) 40.000% 60.000%, oklch(48.82% 0.1902 319.26) 60.000% 80.000%, oklch(67.32% 0.1695 341.45) 80.000% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.138 | 0.021 | 300.2 |
| 2 | 0.228 | 0.077 | 303.4 |
| 3 | 0.343 | 0.143 | 309.7 |
| 4 | 0.488 | 0.19 | 319.3 |
| 5 | 0.673 | 0.169 | 341.4 |

## In these collections

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

## Other forms

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