# Champagne, stone and charcoal halloween palette

The Champagne, stone and charcoal halloween palette brings together off-white, light gray, light blue, and gray. The colors span a broad lightness range, combining restrained color with clear contrast. Its light and open character suits seasonal packaging and event invitations. Its darkest tone is gray, and its lightest tone is off-white.

- Also called: Off-white and dark gray radial swatches
- Seed: `kW8w859AFWOoGQfbjsCK4dBA`
- Page: https://grabient.com/kW8w859AFWOoGQfbjsCK4dBA?style=radialSwatches&steps=5&angle=135
- Drawn as: radial swatches, 5 steps, 135 degrees
- Kinds: light to dark, neutral, light
- Hues: monochromatic
- Contrast of its darkest and lightest colors: 10.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 | `#f8f0e2` | `oklch(95.67% 0.0207 80.86)` | Desert Star | black, 18.5 to 1 |
| 2 | `#e1e2e4` | `oklch(91.34% 0.0028 268.96)` | Soothing White | black, 16.2 to 1 |
| 3 | `#c7c7d3` | `oklch(83.46% 0.0165 285.87)` | Hyacinth Ice | black, 12.5 to 1 |
| 4 | `#a4a1bd` | `oklch(72.05% 0.0400 291.15)` | Blue Buzz | black, 8.4 to 1 |
| 5 | `#3a3641` | `oklch(34.25% 0.0193 300.66)` | Professor Plum | white, 11.7 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #f8f0e2 0.000% 20.000%, #e1e2e4 20.000% 40.000%, #c7c7d3 40.000% 60.000%, #a4a1bd 60.000% 80.000%, #3a3641 80.000% 100.000%);
background: radial-gradient(circle at 50% 50%, oklch(95.67% 0.0207 80.86) 0.000% 20.000%, oklch(91.34% 0.0028 268.96) 20.000% 40.000%, oklch(83.46% 0.0165 285.87) 40.000% 60.000%, oklch(72.05% 0.0400 291.15) 60.000% 80.000%, oklch(34.25% 0.0193 300.66) 80.000% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.957 | 0.021 | 80.9 |
| 2 | 0.913 | 0.003 | 269 |
| 3 | 0.835 | 0.017 | 285.9 |
| 4 | 0.72 | 0.04 | 291.2 |
| 5 | 0.343 | 0.019 | 300.7 |

## In these collections

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

## Other forms

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