# Near-black, bronze and gold dark academia palette

The Near-black, bronze and gold dark academia palette brings together dark gray, dark blue, dark red, yellow, orange, and light orange. The colors span a very broad lightness range, combining moderate color with high contrast. Its balanced and composed character suits brand mood boards and editorial graphics. Its darkest tone is dark gray, and its lightest tone is light orange.

- Also called: Black, olive and beige linear swatches
- Seed: `kYKAq3owy_CScTkwFkxVB-6e4PwW`
- Page: https://grabient.com/kYKAq3owy_CScTkwFkxVB-6e4PwW?style=linearSwatches&steps=6&angle=45
- Drawn as: linear swatches, 6 steps, 45 degrees
- Kinds: dark to light, dark
- Hues: two-hue
- Contrast of its darkest and lightest colors: 12.9 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 | `#090d13` | `oklch(15.75% 0.0138 258.05)` | Midnight Oil | white, 19.4 to 1 |
| 2 | `#1b2938` | `oklch(27.56% 0.0344 250.65)` | Oceanic Noir | white, 14.7 to 1 |
| 3 | `#491720` | `oklch(28.74% 0.0772 12.18)` | Vino Tinto | white, 14.7 to 1 |
| 4 | `#40461e` | `oklch(37.80% 0.0606 116.79)` | Avocado Dark Green | white, 9.9 to 1 |
| 5 | `#b58955` | `oklch(66.14% 0.0868 70.30)` | Sand Mountain | black, 6.6 to 1 |
| 6 | `#e1d1b4` | `oklch(86.61% 0.0427 82.98)` | Lovely Bluff | black, 13.9 to 1 |

## CSS

```css
background: linear-gradient(45deg, #090d13 0.000% 16.667%, #1b2938 16.667% 33.333%, #491720 33.333% 50.000%, #40461e 50.000% 66.667%, #b58955 66.667% 83.333%, #e1d1b4 83.333% 100.000%);
background: linear-gradient(45deg, oklch(15.75% 0.0138 258.05) 0.000% 16.667%, oklch(27.56% 0.0344 250.65) 16.667% 33.333%, oklch(28.74% 0.0772 12.18) 33.333% 50.000%, oklch(37.80% 0.0606 116.79) 50.000% 66.667%, oklch(66.14% 0.0868 70.30) 66.667% 83.333%, oklch(86.61% 0.0427 82.98) 83.333% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.157 | 0.014 | 258 |
| 2 | 0.276 | 0.034 | 250.6 |
| 3 | 0.287 | 0.077 | 372.2 |
| 4 | 0.378 | 0.061 | 476.8 |
| 5 | 0.661 | 0.087 | 430.3 |
| 6 | 0.866 | 0.043 | 443 |

## In these collections

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

## Other forms

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