# Bone cream and blood moon

Bone cream, deep blood red, ember orange, and dark violet meet in four angular wedges. The pale area sharply contrasts with the darker red and purple, while orange adds a hot accent. This Halloween palette suits horror film posters, dramatic party invitations, and graphics inspired by a blood moon.

- Also called: Off-white, orange and dark purple angular swatches
- Seed: `kU8BU6tDg4k9Jwcekjbg`
- Page: https://grabient.com/kU8BU6tDg4k9Jwcekjbg?style=angularSwatches&steps=4&angle=135
- Drawn as: angular swatches, 4 steps, 135 degrees
- Kinds: vivid, warm
- Hues: analogous
- Contrast of its darkest and lightest colors: 14.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 | `#f7ebd8` | `oklch(94.49% 0.0289 82.27)` | Old Pearls | black, 17.8 to 1 |
| 2 | `#8b0f25` | `oklch(40.94% 0.1543 19.92)` | Barbera | white, 9.5 to 1 |
| 3 | `#e64818` | `oklch(62.20% 0.2026 35.77)` | Baptism by Fire | black, 5.3 to 1 |
| 4 | `#29172e` | `oklch(24.02% 0.0496 319.68)` | Dark Prom Queen | white, 16.7 to 1 |

## CSS

```css
background: conic-gradient(from 135deg, #f7ebd8 0.000% 25.000%, #8b0f25 25.000% 50.000%, #e64818 50.000% 75.000%, #29172e 75.000% 100.000%);
background: conic-gradient(from 135deg, oklch(94.49% 0.0289 82.27) 0.000% 25.000%, oklch(40.94% 0.1543 19.92) 25.000% 50.000%, oklch(62.20% 0.2026 35.77) 50.000% 75.000%, oklch(24.02% 0.0496 319.68) 75.000% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.945 | 0.029 | 82.3 |
| 2 | 0.409 | 0.154 | 19.9 |
| 3 | 0.622 | 0.203 | 35.8 |
| 4 | 0.24 | 0.05 | -40.3 |

## In these collections

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

## Other forms

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