# Ochre bronze palette

The Ochre bronze palette brings together orange 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 editorial graphics. Its lightest and darkest tones both fall within the orange color family.

- Also called: Monochrome tan to brown linear gradient
- Seed: `katzs4yCA9rkYv0uDUEPBZEUkdPnTIb6g`
- Page: https://grabient.com/katzs4yCA9rkYv0uDUEPBZEUkdPnTIb6g?steps=32&angle=270
- Drawn as: linear gradient, 32 steps, 270 degrees
- Kinds: dark center, warm, monochrome
- Hues: analogous
- Contrast of its darkest and lightest colors: 4.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 | `#c09f69` | `oklch(72.05% 0.0813 79.45)` | Gilded Pear | black, 8.4 to 1 |
| 2 | `#bc9862` | `oklch(69.99% 0.0826 76.76)` | Golden Bear | black, 7.7 to 1 |
| 3 | `#b58d59` | `oklch(67.06% 0.0847 72.84)` | Breadstick | black, 6.9 to 1 |
| 4 | `#ae814f` | `oklch(63.67% 0.0869 68.41)` | Gold Plated | black, 6 to 1 |
| 5 | `#a67546` | `oklch(60.22% 0.0884 64.17)` | Muskelmannbraun | black, 5.2 to 1 |
| 6 | `#9e6b3f` | `oklch(57.14% 0.0884 60.85)` | Desert Clay | black, 4.6 to 1 |
| 7 | `#96633a` | `oklch(54.55% 0.0865 58.64)` | Ash Brown | white, 5 to 1 |
| 8 | `#8d5c37` | `oklch(52.11% 0.0833 56.94)` | Carrageen Moss | white, 5.6 to 1 |
| 9 | `#855634` | `oklch(49.80% 0.0791 55.76)` | Burnt Crust | white, 6.2 to 1 |
| 10 | `#7d5132` | `oklch(47.62% 0.0743 55.12)` | Brazilian Brown | white, 6.8 to 1 |
| 11 | `#754c30` | `oklch(45.55% 0.0692 55.04)` | Taj | white, 7.4 to 1 |
| 12 | `#6c472e` | `oklch(43.47% 0.0636 55.45)` | Pumpernickel | white, 8.1 to 1 |
| 13 | `#62432c` | `oklch(41.16% 0.0561 56.15)` | Irish Coffee | white, 8.9 to 1 |
| 14 | `#593e2b` | `oklch(38.95% 0.0482 57.39)` | Peat Brown | white, 9.7 to 1 |
| 15 | `#513b2a` | `oklch(37.20% 0.0412 59.45)` | Bonanza | white, 10.4 to 1 |
| 16 | `#4c3a2a` | `oklch(36.27% 0.0367 62.59)` | Abbot | white, 10.8 to 1 |
| 17 | `#4b3b2a` | `oklch(36.51% 0.0360 67.36)` | Harpy Brown | white, 10.7 to 1 |
| 18 | `#4f402b` | `oklch(38.01% 0.0391 74.87)` | Deep Bronze | white, 10 to 1 |
| 19 | `#54472c` | `oklch(40.33% 0.0445 83.79)` | Punga | white, 9.1 to 1 |
| 20 | `#5a4f2e` | `oklch(43.05% 0.0510 92.42)` | West Coast | white, 8 to 1 |
| 21 | `#5f5831` | `oklch(45.72% 0.0573 99.10)` | Tucumán Green | white, 7.1 to 1 |
| 22 | `#645f34` | `oklch(47.93% 0.0620 102.22)` | Saguaro | white, 6.5 to 1 |
| 23 | `#6b6536` | `oklch(50.00% 0.0662 101.85)` | Jungle Civilization | white, 5.9 to 1 |
| 24 | `#736a38` | `oklch(52.05% 0.0701 99.17)` | Robinhood | white, 5.4 to 1 |
| 25 | `#7c6f3a` | `oklch(54.05% 0.0738 95.32)` | Musket | white, 5 to 1 |
| 26 | `#85733c` | `oklch(55.97% 0.0773 91.43)` | Mustard Magic | white, 4.6 to 1 |
| 27 | `#8d773e` | `oklch(57.77% 0.0804 88.59)` | Bengal Grass | black, 4.8 to 1 |
| 28 | `#957b41` | `oklch(59.57% 0.0834 86.23)` | Gold Estate | black, 5.2 to 1 |
| 29 | `#9d8044` | `oklch(61.35% 0.0862 83.84)` | Wild Olive | black, 5.5 to 1 |
| 30 | `#a48447` | `oklch(62.99% 0.0887 81.62)` | Arrow Rock | black, 5.9 to 1 |
| 31 | `#aa8749` | `oklch(64.36% 0.0908 79.74)` | Golden Cadillac | black, 6.2 to 1 |
| 32 | `#af894b` | `oklch(65.35% 0.0923 78.40)` | Havana Cigar | black, 6.5 to 1 |

## CSS

```css
background: linear-gradient(270deg, #c09f69 0.0%, #bc9862 3.2%, #b58d59 6.5%, #ae814f 9.7%, #a67546 12.9%, #9e6b3f 16.1%, #96633a 19.4%, #8d5c37 22.6%, #855634 25.8%, #7d5132 29.0%, #754c30 32.3%, #6c472e 35.5%, #62432c 38.7%, #593e2b 41.9%, #513b2a 45.2%, #4c3a2a 48.4%, #4b3b2a 51.6%, #4f402b 54.8%, #54472c 58.1%, #5a4f2e 61.3%, #5f5831 64.5%, #645f34 67.7%, #6b6536 71.0%, #736a38 74.2%, #7c6f3a 77.4%, #85733c 80.6%, #8d773e 83.9%, #957b41 87.1%, #9d8044 90.3%, #a48447 93.5%, #aa8749 96.8%, #af894b 100.0%);
background: linear-gradient(270deg in oklch, oklch(72.05% 0.0813 79.45) 0.0%, oklch(69.99% 0.0826 76.76) 3.2%, oklch(67.06% 0.0847 72.84) 6.5%, oklch(63.67% 0.0869 68.41) 9.7%, oklch(60.22% 0.0884 64.17) 12.9%, oklch(57.14% 0.0884 60.85) 16.1%, oklch(54.55% 0.0865 58.64) 19.4%, oklch(52.11% 0.0833 56.94) 22.6%, oklch(49.80% 0.0791 55.76) 25.8%, oklch(47.62% 0.0743 55.12) 29.0%, oklch(45.55% 0.0692 55.04) 32.3%, oklch(43.47% 0.0636 55.45) 35.5%, oklch(41.16% 0.0561 56.15) 38.7%, oklch(38.95% 0.0482 57.39) 41.9%, oklch(37.20% 0.0412 59.45) 45.2%, oklch(36.27% 0.0367 62.59) 48.4%, oklch(36.51% 0.0360 67.36) 51.6%, oklch(38.01% 0.0391 74.87) 54.8%, oklch(40.33% 0.0445 83.79) 58.1%, oklch(43.05% 0.0510 92.42) 61.3%, oklch(45.72% 0.0573 99.10) 64.5%, oklch(47.93% 0.0620 102.22) 67.7%, oklch(50.00% 0.0662 101.85) 71.0%, oklch(52.05% 0.0701 99.17) 74.2%, oklch(54.05% 0.0738 95.32) 77.4%, oklch(55.97% 0.0773 91.43) 80.6%, oklch(57.77% 0.0804 88.59) 83.9%, oklch(59.57% 0.0834 86.23) 87.1%, oklch(61.35% 0.0862 83.84) 90.3%, oklch(62.99% 0.0887 81.62) 93.5%, oklch(64.36% 0.0908 79.74) 96.8%, oklch(65.35% 0.0923 78.40) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.72 | 0.081 | 79.5 |
| 2 | 0.567 | 0.088 | 60.4 |
| 3 | 0.449 | 0.068 | 55.1 |
| 4 | 0.362 | 0.036 | 64.7 |
| 5 | 0.472 | 0.061 | 101.6 |
| 6 | 0.575 | 0.08 | 89 |
| 7 | 0.654 | 0.092 | 78.4 |

## In these collections

- [Bronze gradients](https://grabient.com/bronze-gradients)

## Other forms

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