# Bronze, cream and near-black color palette

The Bronze, cream and near-black color palette brings together dark orange, red, pale orange, and 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 orange, and its lightest tone is pale orange.

- Also called: Brown, maroon, beige and black linear swatches
- Seed: `kWPR0nMaS6fKLRBWqcQFIk_4`
- Page: https://grabient.com/kWPR0nMaS6fKLRBWqcQFIk_4?style=linearSwatches&steps=5
- Drawn as: linear swatches, 5 steps, 90 degrees
- Kinds: light center, warm
- Hues: wide
- Contrast of its darkest and lightest colors: 14.3 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 | `#2e1a0c` | `oklch(24.02% 0.0400 54.84)` | Brunneophobia | white, 16.5 to 1 |
| 2 | `#70293a` | `oklch(38.98% 0.1006 8.35)` | Anthracite Red | white, 10.1 to 1 |
| 3 | `#f1d9cf` | `oklch(90.16% 0.0303 43.22)` | Pink Zest | black, 15.5 to 1 |
| 4 | `#bf8f3d` | `oklch(68.11% 0.1144 78.09)` | Arnica | black, 7.2 to 1 |
| 5 | `#130c03` | `oklch(16.14% 0.0248 78.09)` | Balsam of Peru | white, 19.3 to 1 |

## CSS

```css
background: linear-gradient(90deg, #2e1a0c 0.000% 20.000%, #70293a 20.000% 40.000%, #f1d9cf 40.000% 60.000%, #bf8f3d 60.000% 80.000%, #130c03 80.000% 100.000%);
background: linear-gradient(90deg, oklch(24.02% 0.0400 54.84) 0.000% 20.000%, oklch(38.98% 0.1006 8.35) 20.000% 40.000%, oklch(90.16% 0.0303 43.22) 40.000% 60.000%, oklch(68.11% 0.1144 78.09) 60.000% 80.000%, oklch(16.14% 0.0248 78.09) 80.000% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.24 | 0.04 | 54.8 |
| 2 | 0.39 | 0.101 | 8.3 |
| 3 | 0.902 | 0.03 | 43.2 |
| 4 | 0.681 | 0.114 | 78.1 |
| 5 | 0.161 | 0.025 | 78.1 |

## In these collections

- [Muted multicolor swatches](https://grabient.com/muted-multicolor-swatches)
- [Luxury swatches](https://grabient.com/luxury-swatches)
- [Elegant swatches](https://grabient.com/elegant-swatches)

## Other forms

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