# Champagne, aubergine and lime halloween palette

The Champagne, aubergine and lime halloween palette brings together pale orange, purple, dark purple, black, 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 black, and its lightest tone is pale orange.

- Also called: Beige, purple, black and green angular swatches
- Seed: `kW5xlAQkiuyKvPsLg7Z3Mw2Y`
- Page: https://grabient.com/kW5xlAQkiuyKvPsLg7Z3Mw2Y?style=angularSwatches&steps=5&angle=225
- Drawn as: angular swatches, 5 steps, 225 degrees
- Kinds: dark center, vivid
- Hues: split-complementary
- Contrast of its darkest and lightest colors: 15.8 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 | `#eae1c8` | `oklch(90.94% 0.0344 90.00)` | Pearl Lusta | black, 16 to 1 |
| 2 | `#853dc2` | `oklch(51.97% 0.1998 305.23)` | Harley Hair Purple | white, 6.1 to 1 |
| 3 | `#2f0c5d` | `oklch(27.17% 0.1295 295.71)` | Voldemort | white, 15.7 to 1 |
| 4 | `#010304` | `oklch(9.06% 0.0096 215.40)` | Black Hole | white, 20.6 to 1 |
| 5 | `#67c20f` | `oklch(72.83% 0.2094 135.09)` | Zunda Green | black, 9.2 to 1 |

## CSS

```css
background: conic-gradient(from 225deg, #eae1c8 0.000% 20.000%, #853dc2 20.000% 40.000%, #2f0c5d 40.000% 60.000%, #010304 60.000% 80.000%, #67c20f 80.000% 100.000%);
background: conic-gradient(from 225deg, oklch(90.94% 0.0344 90.00) 0.000% 20.000%, oklch(51.97% 0.1998 305.23) 20.000% 40.000%, oklch(27.17% 0.1295 295.71) 40.000% 60.000%, oklch(9.06% 0.0096 215.40) 60.000% 80.000%, oklch(72.83% 0.2094 135.09) 80.000% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.909 | 0.034 | 90 |
| 2 | 0.52 | 0.2 | -54.8 |
| 3 | 0.272 | 0.13 | -64.3 |
| 4 | 0.091 | 0.01 | -144.6 |
| 5 | 0.728 | 0.209 | -224.9 |

## In these collections

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

## Other forms

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