# Near-black, olive and bronze color palette

The Near-black, olive and bronze color palette brings together dark gray, dark green, 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 green, maroon and brown linear swatches
- Seed: `kWIQdnGZm_6KgvmrILLtZ1GQ`
- Page: https://grabient.com/kWIQdnGZm_6KgvmrILLtZ1GQ?style=linearSwatches&steps=5
- Drawn as: linear swatches, 5 steps, 90 degrees
- Kinds: vivid, dark
- Hues: two-hue
- 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 | `#050805` | `oklch(12.99% 0.0096 144.84)` | Reversed Grey | white, 20 to 1 |
| 2 | `#001d02` | `oklch(20.10% 0.0640 144.60)` | Rainforest Nights | white, 17.8 to 1 |
| 3 | `#182e00` | `oklch(27.17% 0.0757 132.26)` | Diminishing Green | white, 14.7 to 1 |
| 4 | `#5d2021` | `oklch(33.86% 0.0896 22.26)` | Red Oxide | white, 12.3 to 1 |
| 5 | `#664710` | `oklch(42.13% 0.0799 76.15)` | Very Coffee | white, 8.5 to 1 |

## CSS

```css
background: linear-gradient(90deg, #050805 0.000% 20.000%, #001d02 20.000% 40.000%, #182e00 40.000% 60.000%, #5d2021 60.000% 80.000%, #664710 80.000% 100.000%);
background: linear-gradient(90deg, oklch(12.99% 0.0096 144.84) 0.000% 20.000%, oklch(20.10% 0.0640 144.60) 20.000% 40.000%, oklch(27.17% 0.0757 132.26) 40.000% 60.000%, oklch(33.86% 0.0896 22.26) 60.000% 80.000%, oklch(42.13% 0.0799 76.15) 80.000% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.13 | 0.01 | 144.8 |
| 2 | 0.201 | 0.07 | 144.8 |
| 3 | 0.272 | 0.09 | 132.2 |
| 4 | 0.339 | 0.09 | 22.3 |
| 5 | 0.421 | 0.08 | 76.2 |

## In these collections

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

## Other forms

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