# Bronze and ochre color palette

The Bronze and ochre color palette brings together orange and gold. The colors span a broad lightness range, combining moderate color with clear contrast. Its balanced and composed character suits brand mood boards and editorial graphics. Its darkest tone is orange, and its lightest tone is gold.

- Also called: Analogous brown to yellow linear gradient
- Seed: `kWVi8uQR_A9QmQLjLMC7bHAo`
- Page: https://grabient.com/kWVi8uQR_A9QmQLjLMC7bHAo?steps=5&angle=270
- Drawn as: linear gradient, 5 steps, 270 degrees
- Kinds: dark to light, vivid, warm
- Hues: analogous
- Contrast of its darkest and lightest colors: 7.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 | `#4e300e` | `oklch(33.86% 0.0648 64.69)` | Bavarian Sweet Mustard | white, 12 to 1 |
| 2 | `#855e27` | `oklch(51.18% 0.0868 73.14)` | Sleek Otter | white, 5.7 to 1 |
| 3 | `#b58b41` | `oklch(66.14% 0.1047 79.48)` | Bread Crust | black, 6.7 to 1 |
| 4 | `#dab152` | `oklch(77.95% 0.1226 85.82)` | Golden Cricket | black, 10.4 to 1 |
| 5 | `#f2cf5e` | `oklch(86.22% 0.1364 92.16)` | Ride off Into the Sunset | black, 13.8 to 1 |

## CSS

```css
background: linear-gradient(270deg, #4e300e 0.0%, #855e27 25.0%, #b58b41 50.0%, #dab152 75.0%, #f2cf5e 100.0%);
background: linear-gradient(270deg in oklch, oklch(33.86% 0.0648 64.69) 0.0%, oklch(51.18% 0.0868 73.14) 25.0%, oklch(66.14% 0.1047 79.48) 50.0%, oklch(77.95% 0.1226 85.82) 75.0%, oklch(86.22% 0.1364 92.16) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.339 | 0.065 | 64.7 |
| 2 | 0.512 | 0.087 | 73.1 |
| 3 | 0.661 | 0.105 | 79.5 |
| 4 | 0.78 | 0.123 | 85.8 |
| 5 | 0.862 | 0.136 | 92.2 |

## In these collections

- [Glass gradients](https://grabient.com/glass-gradients)
- [Wheat field sunset](https://grabient.com/wheat-field-sunset)
- [Gold gradients](https://grabient.com/gold-gradients)

## Other forms

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