# Near-black, bronze and gold hunger games palette

The Near-black, bronze and gold hunger games palette brings together dark gray, orange, and gold. The colors span a broad lightness range, combining strong color with clear contrast. Its bold and dramatic character suits game interface concepts and stream graphics. Its darkest tone is dark gray, and its lightest tone is gold.

- Also called: Black, purple, orange and beige linear swatches
- Seed: `kUOQKw1DvSioLv7vl0UA`
- Page: https://grabient.com/kUOQKw1DvSioLv7vl0UA?style=linearSwatches&angle=160
- Drawn as: linear swatches, 7 steps, 160 degrees
- Kinds: muted, warm
- Hues: two-hue
- Contrast of its darkest and lightest colors: 11.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 | `#1b1c1d` | `oklch(22.44% 0.0028 248.20)` | Gluon Grey | white, 17.1 to 1 |
| 2 | `#744574` | `oklch(46.36% 0.0916 327.06)` | Purple Passion | white, 7.3 to 1 |
| 3 | `#e16c2c` | `oklch(66.14% 0.1640 45.66)` | Lusty Orange | black, 6.3 to 1 |
| 4 | `#8e4c1f` | `oklch(48.92% 0.1059 51.74)` | Parasite Brown | white, 6.5 to 1 |
| 5 | `#443028` | `oklch(33.07% 0.0317 43.55)` | Benikeshinezumi Purple | white, 12.3 to 1 |
| 6 | `#8c7763` | `oklch(58.37% 0.0393 65.08)` | Dusty Path | black, 4.9 to 1 |
| 7 | `#e9d5a8` | `oklch(87.80% 0.0634 86.87)` | Paper Moon | black, 14.5 to 1 |

## CSS

```css
background: linear-gradient(160deg, #1b1c1d 0.000% 14.286%, #744574 14.286% 28.571%, #e16c2c 28.571% 42.857%, #8e4c1f 42.857% 57.143%, #443028 57.143% 71.429%, #8c7763 71.429% 85.714%, #e9d5a8 85.714% 100.000%);
background: linear-gradient(160deg, oklch(22.44% 0.0028 248.20) 0.000% 14.286%, oklch(46.36% 0.0916 327.06) 14.286% 28.571%, oklch(66.14% 0.1640 45.66) 28.571% 42.857%, oklch(48.92% 0.1059 51.74) 42.857% 57.143%, oklch(33.07% 0.0317 43.55) 57.143% 71.429%, oklch(58.37% 0.0393 65.08) 71.429% 85.714%, oklch(87.80% 0.0634 86.87) 85.714% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.224 | 0.003 | 248.2 |
| 2 | 0.661 | 0.164 | 405.7 |
| 3 | 0.331 | 0.032 | 403.5 |
| 4 | 0.878 | 0.063 | 446.9 |

## In these collections

- [Hunger Games swatches](https://grabient.com/hunger-games-swatches)

## Other forms

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