# Ghost cream and spectral violet

Ghostly cream, yellow green, saturated violet, and a nearly black violet form four diagonal bands. The pale opening and sharp green accent make the purple feel especially vivid before the final dark swatch. This Halloween palette suits supernatural story covers, costume party graphics, and playful ghost illustrations with strong contrast.

- Also called: Gray, green, purple and black linear swatches
- Seed: `kU5hdD48DDLq9qwZiL7A`
- Page: https://grabient.com/kU5hdD48DDLq9qwZiL7A?style=linearSwatches&steps=4&angle=135
- Drawn as: linear swatches, 4 steps, 135 degrees
- Kinds: light to dark, multicolor
- Hues: split-complementary
- Contrast of its darkest and lightest colors: 13.7 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 | `#e6e0c9` | `oklch(90.55% 0.0317 94.92)` | Canyon Echo | black, 15.8 to 1 |
| 2 | `#a5c92b` | `oklch(78.35% 0.1778 122.40)` | Young Plum | black, 11 to 1 |
| 3 | `#7035a1` | `oklch(46.06% 0.1695 305.92)` | Purple Heart | white, 7.7 to 1 |
| 4 | `#171420` | `oklch(20.08% 0.0234 296.41)` | Back in Black | white, 18.1 to 1 |

## CSS

```css
background: linear-gradient(135deg, #e6e0c9 0.000% 25.000%, #a5c92b 25.000% 50.000%, #7035a1 50.000% 75.000%, #171420 75.000% 100.000%);
background: linear-gradient(135deg, oklch(90.55% 0.0317 94.92) 0.000% 25.000%, oklch(78.35% 0.1778 122.40) 25.000% 50.000%, oklch(46.06% 0.1695 305.92) 50.000% 75.000%, oklch(20.08% 0.0234 296.41) 75.000% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.906 | 0.032 | 94.9 |
| 2 | 0.783 | 0.178 | 122.4 |
| 3 | 0.461 | 0.169 | -54.1 |
| 4 | 0.201 | 0.023 | -63.6 |

## In these collections

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

## Other forms

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