# Near-black, navy and ochre halloween palette

The Near-black, navy and ochre halloween palette brings together dark blue, blue, and orange. The colors span a broad lightness range, combining strong color with clear contrast. Its bold and dramatic character suits seasonal packaging and event invitations. Its darkest tone is dark blue, and its lightest tone is orange.

- Also called: Black, navy and orange radial swatches
- Seed: `kWIhTFnZY_60mwHTx83ZrnDo`
- Page: https://grabient.com/kWIhTFnZY_60mwHTx83ZrnDo?style=radialSwatches&steps=5&angle=0
- Drawn as: radial swatches, 5 steps, 0 degrees
- Kinds: dark to light, dark
- Hues: two-hue
- Contrast of its darkest and lightest colors: 10.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 | `#060713` | `oklch(13.39% 0.0276 277.73)` | Narwhal Grey | white, 20 to 1 |
| 2 | `#171939` | `oklch(23.23% 0.0606 277.73)` | Nightwalker | white, 16.9 to 1 |
| 3 | `#353171` | `oklch(35.43% 0.1061 281.96)` | Ballpoint Indigo | white, 11.4 to 1 |
| 4 | `#f0591c` | `oklch(65.75% 0.1970 39.26)` | Buffallo Sauce | black, 6.1 to 1 |
| 5 | `#ffac34` | `oklch(80.71% 0.1583 70.97)` | Blissful Orange | black, 11.2 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #060713 0.000% 20.000%, #171939 20.000% 40.000%, #353171 40.000% 60.000%, #f0591c 60.000% 80.000%, #ffac34 80.000% 100.000%);
background: radial-gradient(circle at 50% 50%, oklch(13.39% 0.0276 277.73) 0.000% 20.000%, oklch(23.23% 0.0606 277.73) 20.000% 40.000%, oklch(35.43% 0.1061 281.96) 40.000% 60.000%, oklch(65.75% 0.1970 39.26) 60.000% 80.000%, oklch(80.71% 0.1583 70.97) 80.000% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.134 | 0.028 | 277.7 |
| 2 | 0.232 | 0.061 | 277.7 |
| 3 | 0.354 | 0.106 | 282 |
| 4 | 0.657 | 0.197 | 399.3 |
| 5 | 0.807 | 0.158 | 431 |

## In these collections

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

## Other forms

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