# Cream and near-black halloween palette

The Cream and near-black halloween palette brings together pale orange, orange, dark gray, and black. 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, gray, orange and black angular swatches
- Seed: `kW7BInVQk_5wFv_NxT_igM_4`
- Page: https://grabient.com/kW7BInVQk_5wFv_NxT_igM_4?style=angularSwatches&steps=5&angle=180
- Drawn as: angular swatches, 5 steps, 180 degrees
- Kinds: dark center, warm
- Hues: monochromatic
- Contrast of its darkest and lightest colors: 16.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 | `#f5e4d8` | `oklch(92.91% 0.0248 54.84)` | Cream Pink | black, 16.9 to 1 |
| 2 | `#a29187` | `oklch(66.93% 0.0248 54.84)` | Casket | black, 6.9 to 1 |
| 3 | `#201914` | `oklch(22.05% 0.0152 54.84)` | Black Umber | white, 17.3 to 1 |
| 4 | `#c66500` | `oklch(61.02% 0.1514 54.82)` | Alloy Orange | black, 5.2 to 1 |
| 5 | `#030101` | `oklch(7.87% 0.0083 54.84)` | Binary Black | white, 20.8 to 1 |

## CSS

```css
background: conic-gradient(from 180deg, #f5e4d8 0.000% 20.000%, #a29187 20.000% 40.000%, #201914 40.000% 60.000%, #c66500 60.000% 80.000%, #030101 80.000% 100.000%);
background: conic-gradient(from 180deg, oklch(92.91% 0.0248 54.84) 0.000% 20.000%, oklch(66.93% 0.0248 54.84) 20.000% 40.000%, oklch(22.05% 0.0152 54.84) 40.000% 60.000%, oklch(61.02% 0.1514 54.82) 60.000% 80.000%, oklch(7.87% 0.0083 54.84) 80.000% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.929 | 0.025 | 54.8 |
| 2 | 0.669 | 0.025 | 54.8 |
| 3 | 0.22 | 0.015 | 54.8 |
| 4 | 0.61 | 0.19 | 54.8 |
| 5 | 0.079 | 0.008 | 54.8 |

## In these collections

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

## Other forms

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