# Ochre and bronze hunger games palette

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

- Also called: Monochrome brown and black angular swatches
- Seed: `kWnWY7jwO-7WoPuVh8DJR1Aw`
- Page: https://grabient.com/kWnWY7jwO-7WoPuVh8DJR1Aw?style=angularSwatches&steps=5&angle=225
- Drawn as: angular swatches, 5 steps, 225 degrees
- Kinds: vivid, dark, warm, monochrome
- Hues: analogous
- Contrast of its darkest and lightest colors: 5.4 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 | `#aa7d00` | `oklch(61.81% 0.1269 83.65)` | Brown Butter | black, 5.6 to 1 |
| 2 | `#070503` | `oklch(11.81% 0.0096 75.22)` | Liquorice | white, 20.3 to 1 |
| 3 | `#6f4100` | `oklch(42.13% 0.0933 66.69)` | Bloodtracker Brown | white, 8.6 to 1 |
| 4 | `#150e06` | `oklch(16.93% 0.0207 74.16)` | Balsamico | white, 19.1 to 1 |
| 5 | `#3b2800` | `oklch(29.14% 0.0601 81.38)` | Secret Passage | white, 14.1 to 1 |

## CSS

```css
background: conic-gradient(from 225deg, #aa7d00 0.000% 20.000%, #070503 20.000% 40.000%, #6f4100 40.000% 60.000%, #150e06 60.000% 80.000%, #3b2800 80.000% 100.000%);
background: conic-gradient(from 225deg, oklch(61.81% 0.1269 83.65) 0.000% 20.000%, oklch(11.81% 0.0096 75.22) 20.000% 40.000%, oklch(42.13% 0.0933 66.69) 40.000% 60.000%, oklch(16.93% 0.0207 74.16) 60.000% 80.000%, oklch(29.14% 0.0601 81.38) 80.000% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.618 | 0.141 | 83.7 |
| 2 | 0.118 | 0.01 | 75.2 |
| 3 | 0.421 | 0.11 | 66.8 |
| 4 | 0.169 | 0.021 | 74.2 |
| 5 | 0.291 | 0.08 | 81.6 |

## In these collections

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

## Other forms

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