# Bronze and ochre elevation palette

The Bronze and ochre elevation palette brings together orange, light orange, and off-white. 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 off-white.

- Also called: Monochrome brown to white linear gradient
- Seed: `kUbSgj0ydDOMWwP8gb_g`
- Page: https://grabient.com/kUbSgj0ydDOMWwP8gb_g?steps=32&angle=135
- Drawn as: linear gradient, 32 steps, 135 degrees
- Kinds: dark to light, warm, monochrome
- Hues: analogous
- Contrast of its darkest and lightest colors: 7.8 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 | `#684734` | `oklch(42.91% 0.0551 49.92)` | Buckeye | white, 8.2 to 1 |
| 2 | `#6d4a35` | `oklch(44.24% 0.0585 51.58)` | Guitar | white, 7.8 to 1 |
| 3 | `#744e35` | `oklch(45.99% 0.0634 53.80)` | Seed Brown | white, 7.2 to 1 |
| 4 | `#7c5336` | `oklch(48.08% 0.0694 56.46)` | Pheasant Brown | white, 6.6 to 1 |
| 5 | `#855936` | `oklch(50.42% 0.0761 59.43)` | Football | white, 6 to 1 |
| 6 | `#8e6036` | `oklch(52.92% 0.0830 62.60)` | Moroccan Spice | white, 5.4 to 1 |
| 7 | `#976835` | `oklch(55.49% 0.0898 65.82)` | Woodgrain | white, 4.8 to 1 |
| 8 | `#9f6f35` | `oklch(58.05% 0.0960 68.97)` | Hearth Gold | black, 4.8 to 1 |
| 9 | `#a77736` | `oklch(60.51% 0.1012 71.94)` | Buff Leather | black, 5.3 to 1 |
| 10 | `#ae7e37` | `oklch(62.78% 0.1051 74.58)` | Billet | black, 5.8 to 1 |
| 11 | `#b3853b` | `oklch(64.77% 0.1072 76.78)` | Weissbier | black, 6.3 to 1 |
| 12 | `#b78b3f` | `oklch(66.43% 0.1073 78.50)` | Tinsel | black, 6.7 to 1 |
| 13 | `#ba9045` | `oklch(67.86% 0.1058 79.93)` | Fervent Brass | black, 7.1 to 1 |
| 14 | `#bc954c` | `oklch(69.12% 0.1030 81.14)` | Alluvial Inca | black, 7.5 to 1 |
| 15 | `#be9953` | `oklch(70.25% 0.0991 82.15)` | Base Sand | black, 7.8 to 1 |
| 16 | `#bf9d5b` | `oklch(71.29% 0.0943 82.98)` | Steampunk Gold | black, 8.1 to 1 |
| 17 | `#c0a163` | `oklch(72.31% 0.0889 83.67)` | Desert Moss | black, 8.5 to 1 |
| 18 | `#c1a56b` | `oklch(73.33% 0.0830 84.25)` | Hashibami Brown | black, 8.8 to 1 |
| 19 | `#c3a973` | `oklch(74.41% 0.0770 84.74)` | Hay Yellow | black, 9.2 to 1 |
| 20 | `#c5ad7c` | `oklch(75.60% 0.0711 85.17)` | Butterbrot | black, 9.6 to 1 |
| 21 | `#c7b284` | `oklch(76.95% 0.0655 85.58)` | Desert Floor | black, 10 to 1 |
| 22 | `#cab78d` | `oklch(78.50% 0.0603 85.98)` | Soybean | black, 10.6 to 1 |
| 23 | `#cebd97` | `oklch(80.32% 0.0547 86.27)` | Garden Rain | black, 11.3 to 1 |
| 24 | `#d3c4a2` | `oklch(82.38% 0.0486 86.42)` | Double Spanish White | black, 12.1 to 1 |
| 25 | `#d9cbae` | `oklch(84.58% 0.0422 86.48)` | Soft Suede | black, 13.1 to 1 |
| 26 | `#ded3ba` | `oklch(86.87% 0.0357 86.45)` | Natural Almond | black, 14.1 to 1 |
| 27 | `#e4dac6` | `oklch(89.16% 0.0292 86.36)` | Instant Classic | black, 15.1 to 1 |
| 28 | `#e9e2d2` | `oklch(91.38% 0.0229 86.24)` | Elk Horn | black, 16.2 to 1 |
| 29 | `#eee9dd` | `oklch(93.45% 0.0171 86.10)` | Abstract White | black, 17.3 to 1 |
| 30 | `#f3efe7` | `oklch(95.30% 0.0119 85.98)` | Latte Froth | black, 18.3 to 1 |
| 31 | `#f7f4ef` | `oklch(96.85% 0.0075 85.89)` | The Speed of Light | black, 19.1 to 1 |
| 32 | `#faf8f5` | `oklch(98.03% 0.0041 85.85)` | Orange Albedo | black, 19.8 to 1 |

## CSS

```css
background: linear-gradient(135deg, #684734 0.0%, #6d4a35 3.2%, #744e35 6.5%, #7c5336 9.7%, #855936 12.9%, #8e6036 16.1%, #976835 19.4%, #9f6f35 22.6%, #a77736 25.8%, #ae7e37 29.0%, #b3853b 32.3%, #b78b3f 35.5%, #ba9045 38.7%, #bc954c 41.9%, #be9953 45.2%, #bf9d5b 48.4%, #c0a163 51.6%, #c1a56b 54.8%, #c3a973 58.1%, #c5ad7c 61.3%, #c7b284 64.5%, #cab78d 67.7%, #cebd97 71.0%, #d3c4a2 74.2%, #d9cbae 77.4%, #ded3ba 80.6%, #e4dac6 83.9%, #e9e2d2 87.1%, #eee9dd 90.3%, #f3efe7 93.5%, #f7f4ef 96.8%, #faf8f5 100.0%);
background: linear-gradient(135deg in oklch, oklch(42.91% 0.0551 49.92) 0.0%, oklch(44.24% 0.0585 51.58) 3.2%, oklch(45.99% 0.0634 53.80) 6.5%, oklch(48.08% 0.0694 56.46) 9.7%, oklch(50.42% 0.0761 59.43) 12.9%, oklch(52.92% 0.0830 62.60) 16.1%, oklch(55.49% 0.0898 65.82) 19.4%, oklch(58.05% 0.0960 68.97) 22.6%, oklch(60.51% 0.1012 71.94) 25.8%, oklch(62.78% 0.1051 74.58) 29.0%, oklch(64.77% 0.1072 76.78) 32.3%, oklch(66.43% 0.1073 78.50) 35.5%, oklch(67.86% 0.1058 79.93) 38.7%, oklch(69.12% 0.1030 81.14) 41.9%, oklch(70.25% 0.0991 82.15) 45.2%, oklch(71.29% 0.0943 82.98) 48.4%, oklch(72.31% 0.0889 83.67) 51.6%, oklch(73.33% 0.0830 84.25) 54.8%, oklch(74.41% 0.0770 84.74) 58.1%, oklch(75.60% 0.0711 85.17) 61.3%, oklch(76.95% 0.0655 85.58) 64.5%, oklch(78.50% 0.0603 85.98) 67.7%, oklch(80.32% 0.0547 86.27) 71.0%, oklch(82.38% 0.0486 86.42) 74.2%, oklch(84.58% 0.0422 86.48) 77.4%, oklch(86.87% 0.0357 86.45) 80.6%, oklch(89.16% 0.0292 86.36) 83.9%, oklch(91.38% 0.0229 86.24) 87.1%, oklch(93.45% 0.0171 86.10) 90.3%, oklch(95.30% 0.0119 85.98) 93.5%, oklch(96.85% 0.0075 85.89) 96.8%, oklch(98.03% 0.0041 85.85) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.429 | 0.055 | 49.9 |
| 2 | 0.654 | 0.107 | 77.4 |
| 3 | 0.78 | 0.062 | 85.9 |
| 4 | 0.98 | 0.004 | 85.9 |

## In these collections

- [Elevation gradients](https://grabient.com/elevation-gradients)

## Other forms

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