# Bronze, near-black and mustard analogous palette

The Bronze, near-black and mustard analogous palette brings together orange, dark orange, gold, and yellow. The colors span a moderate lightness range, combining moderate color with clear contrast. Its balanced and composed character suits brand mood boards and campaign graphics. Its darkest tone is dark orange, and its lightest tone is yellow.

- Also called: Analogous brown, black and olive linear swatches
- Seed: `kUjFQiGY_CqIUQnPIsKA`
- Page: https://grabient.com/kUjFQiGY_CqIUQnPIsKA?style=linearSwatches&steps=4&angle=135
- Drawn as: linear swatches, 4 steps, 135 degrees
- Kinds: dark center, vivid, dark, warm
- Hues: analogous
- Contrast of its darkest and lightest colors: 5.1 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 | `#a75a2f` | `oklch(55.12% 0.1157 47.81)` | Beef Hotpot | white, 5 to 1 |
| 2 | `#221200` | `oklch(20.08% 0.0427 71.06)` | Super Black | white, 18.1 to 1 |
| 3 | `#2f2500` | `oklch(26.78% 0.0548 92.06)` | Black Swan | white, 15.1 to 1 |
| 4 | `#868d47` | `oklch(62.20% 0.0951 114.39)` | East Aurora | black, 5.9 to 1 |

## CSS

```css
background: linear-gradient(135deg, #a75a2f 0.000% 25.000%, #221200 25.000% 50.000%, #2f2500 50.000% 75.000%, #868d47 75.000% 100.000%);
background: linear-gradient(135deg, oklch(55.12% 0.1157 47.81) 0.000% 25.000%, oklch(20.08% 0.0427 71.06) 25.000% 50.000%, oklch(26.78% 0.0548 92.06) 50.000% 75.000%, oklch(62.20% 0.0951 114.39) 75.000% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.551 | 0.116 | 47.8 |
| 2 | 0.201 | 0.043 | 71.1 |
| 3 | 0.268 | 0.055 | 92.2 |
| 4 | 0.622 | 0.095 | 114.4 |

## In these collections

- [Analogous swatches](https://grabient.com/analogous-swatches)

## Other forms

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