# Near-black, aubergine and bronze dark palette

The Near-black, aubergine and bronze dark palette brings together dark gray, dark blue, dark purple, red, and orange. The colors span a moderate lightness range, combining moderate color with gentle contrast. Its dark and grounded character suits brand mood boards and editorial graphics. Its darkest tone is dark gray, and its lightest tone is orange.

- Also called: Black, dark purple, maroon and brown linear swatches
- Seed: `kWJAe5GZm_6KgxmrKEdtqDGA`
- Page: https://grabient.com/kWJAe5GZm_6KgxmrKEdtqDGA?style=linearSwatches&steps=5
- Drawn as: linear swatches, 5 steps, 90 degrees
- Kinds: vivid, dark, multicolor
- Hues: wide
- Contrast of its darkest and lightest colors: 2.3 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 | `#070a0e` | `oklch(14.17% 0.0096 260.16)` | Existential Angst | white, 19.8 to 1 |
| 2 | `#031435` | `oklch(20.08% 0.0703 260.16)` | Squid’s Ink | white, 18.1 to 1 |
| 3 | `#371544` | `oklch(27.17% 0.0896 315.11)` | Purple Door | white, 15.5 to 1 |
| 4 | `#641620` | `oklch(33.86% 0.1102 18.51)` | Forbidden Passion | white, 12.4 to 1 |
| 5 | `#6e4506` | `oklch(42.91% 0.0896 70.29)` | Flat Brown | white, 8.2 to 1 |

## CSS

```css
background: linear-gradient(90deg, #070a0e 0.000% 20.000%, #031435 20.000% 40.000%, #371544 40.000% 60.000%, #641620 60.000% 80.000%, #6e4506 80.000% 100.000%);
background: linear-gradient(90deg, oklch(14.17% 0.0096 260.16) 0.000% 20.000%, oklch(20.08% 0.0703 260.16) 20.000% 40.000%, oklch(27.17% 0.0896 315.11) 40.000% 60.000%, oklch(33.86% 0.1102 18.51) 60.000% 80.000%, oklch(42.91% 0.0896 70.29) 80.000% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.142 | 0.01 | 260.2 |
| 2 | 0.201 | 0.07 | 260.2 |
| 3 | 0.272 | 0.09 | 315.1 |
| 4 | 0.339 | 0.11 | 378.5 |
| 5 | 0.429 | 0.09 | 430.3 |

## In these collections

- [Dark swatches](https://grabient.com/dark-swatches)

## Other forms

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