# Near-black, gray and burgundy color palette

The Near-black, gray and burgundy color palette brings together dark gray, gray, light gray, and red. 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 gray, and its lightest tone is light gray.

- Also called: Black, dark gray, red and maroon linear swatches
- Seed: `kYIQm0HQe_64GP9ehE2wcHBaipP6`
- Page: https://grabient.com/kYIQm0HQe_64GP9ehE2wcHBaipP6?style=linearSwatches&steps=6
- Drawn as: linear swatches, 6 steps, 90 degrees
- Kinds: light center, neutral, dark
- Hues: monochromatic
- Contrast of its darkest and lightest colors: 8.8 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 | `#05080c` | `oklch(12.99% 0.0124 253.12)` | Reversed Grey | white, 20.1 to 1 |
| 2 | `#161d26` | `oklch(22.83% 0.0207 253.12)` | Coarse Wool | white, 16.9 to 1 |
| 3 | `#383e46` | `oklch(36.22% 0.0165 252.07)` | Ferry | white, 10.7 to 1 |
| 4 | `#b3a9ab` | `oklch(74.41% 0.0110 8.31)` | Tea Blossom Pink | black, 9.1 to 1 |
| 5 | `#b92737` | `oklch(51.57% 0.1805 20.99)` | Demonic | white, 6.1 to 1 |
| 6 | `#5f0e1a` | `oklch(31.89% 0.1130 18.88)` | Cherry Picking | white, 13.4 to 1 |

## CSS

```css
background: linear-gradient(90deg, #05080c 0.000% 16.667%, #161d26 16.667% 33.333%, #383e46 33.333% 50.000%, #b3a9ab 50.000% 66.667%, #b92737 66.667% 83.333%, #5f0e1a 83.333% 100.000%);
background: linear-gradient(90deg, oklch(12.99% 0.0124 253.12) 0.000% 16.667%, oklch(22.83% 0.0207 253.12) 16.667% 33.333%, oklch(36.22% 0.0165 252.07) 33.333% 50.000%, oklch(74.41% 0.0110 8.31) 50.000% 66.667%, oklch(51.57% 0.1805 20.99) 66.667% 83.333%, oklch(31.89% 0.1130 18.88) 83.333% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.13 | 0.012 | 253.1 |
| 2 | 0.228 | 0.021 | 253.1 |
| 3 | 0.362 | 0.017 | 252.1 |
| 4 | 0.744 | 0.011 | 368.3 |
| 5 | 0.516 | 0.181 | 381 |
| 6 | 0.319 | 0.113 | 378.9 |

## In these collections

- [Red and black](https://grabient.com/red-and-black)
- [Halloween swatches](https://grabient.com/halloween-swatches)

## Other forms

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