# Gray, near-black and bronze halloween palette

The Gray, near-black and bronze halloween palette brings together gray, dark blue, black, dark red, and orange. The colors span a broad lightness range, combining moderate color with clear contrast. Its dark and grounded character suits seasonal packaging and event invitations. Its darkest tone is black, and its lightest tone is orange.

- Also called: Gray, navy, black and brown linear gradient
- Seed: `kceAsOpBC0hAfPeLlL-gwBNpecwQuqMEwq9Bo`
- Page: https://grabient.com/kceAsOpBC0hAfPeLlL-gwBNpecwQuqMEwq9Bo?steps=8
- Drawn as: linear gradient, 8 steps, 90 degrees
- Kinds: dark center, vivid, dark
- Hues: split-complementary
- Contrast of its darkest and lightest colors: 3.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 | `#645858` | `oklch(47.24% 0.0152 20.39)` | Louisiana Mud | white, 6.8 to 1 |
| 2 | `#27263f` | `oklch(28.35% 0.0455 284.23)` | Telopea | white, 14.5 to 1 |
| 3 | `#010028` | `oklch(12.66% 0.0850 267.32)` | Hadopelagic Water | white, 20.3 to 1 |
| 4 | `#000014` | `oklch(9.06% 0.0565 265.20)` | Benthic Black | white, 20.7 to 1 |
| 5 | `#000000` | `oklch(2.36% 0.0000 89.88)` | Black | white, 20.9 to 1 |
| 6 | `#2c0100` | `oklch(18.51% 0.0738 30.22)` | Sepia Black | white, 18.9 to 1 |
| 7 | `#6c2400` | `oklch(36.62% 0.1116 41.48)` | Centipede Brown | white, 11.1 to 1 |
| 8 | `#a05200` | `oklch(52.36% 0.1277 56.28)` | Fresh Cinnamon | white, 5.6 to 1 |

## CSS

```css
background: linear-gradient(90deg, #645858 0.0%, #27263f 14.3%, #010028 28.6%, #000014 42.9%, #000000 57.1%, #2c0100 71.4%, #6c2400 85.7%, #a05200 100.0%);
background: linear-gradient(90deg in oklch, oklch(47.24% 0.0152 20.39) 0.0%, oklch(28.35% 0.0455 284.23) 14.3%, oklch(12.66% 0.0850 267.32) 28.6%, oklch(9.06% 0.0565 265.20) 42.9%, oklch(2.36% 0.0000 89.88) 57.1%, oklch(18.51% 0.0738 30.22) 71.4%, oklch(36.62% 0.1116 41.48) 85.7%, oklch(52.36% 0.1277 56.28) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.472 | 0.015 | 20.4 |
| 2 | 0.283 | 0.045 | -75.8 |
| 3 | 0.126 | 0.085 | -92.7 |
| 4 | 0.091 | 0.056 | -94.8 |
| 5 | 0.024 | 0 | 21.4 |
| 6 | 0.185 | 0.079 | 31 |
| 7 | 0.366 | 0.112 | 41.5 |
| 8 | 0.524 | 0.13 | 56.3 |

## In these collections

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

## Other forms

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