# Tan bronze palette

The Tan bronze palette brings together gray and orange. The colors span a moderate lightness range, combining moderate color with gentle contrast. Its balanced and composed character suits brand mood boards and editorial graphics. Its darkest tone is gray, and its lightest tone is orange.

- Also called: Monochrome gray, tan and brown linear gradient
- Seed: `kaZhFKOI88L2YPrGHz-z6NAdmhQPJmz-A`
- Page: https://grabient.com/kaZhFKOI88L2YPrGHz-z6NAdmhQPJmz-A?steps=32&angle=315
- Drawn as: linear gradient, 32 steps, 315 degrees
- Kinds: warm, monochrome
- Hues: monochromatic
- Contrast of its darkest and lightest colors: 3.4 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 | `#4a493a` | `oklch(40.16% 0.0234 104.06)` | Treasure Island | white, 9.1 to 1 |
| 2 | `#4d4a3a` | `oklch(40.73% 0.0257 99.60)` | Sooty Willow Bamboo | white, 8.9 to 1 |
| 3 | `#514c3a` | `oklch(41.54% 0.0287 93.13)` | Deep Desert Shadow | white, 8.6 to 1 |
| 4 | `#564d3a` | `oklch(42.48% 0.0324 85.78)` | Panda | white, 8.2 to 1 |
| 5 | `#5c4f3a` | `oklch(43.45% 0.0365 78.71)` | Oak Plank | white, 7.9 to 1 |
| 6 | `#61503a` | `oklch(44.35% 0.0406 73.08)` | Longboat | white, 7.6 to 1 |
| 7 | `#66513a` | `oklch(45.12% 0.0450 69.36)` | Desert Palm | white, 7.4 to 1 |
| 8 | `#6b5239` | `oklch(45.80% 0.0499 66.71)` | Cowboy Boots | white, 7.2 to 1 |
| 9 | `#6f5338` | `oklch(46.48% 0.0549 64.81)` | Rustic Cabin | white, 7 to 1 |
| 10 | `#735437` | `oklch(47.22% 0.0600 63.40)` | Rustic Cabin | white, 6.8 to 1 |
| 11 | `#785636` | `oklch(48.09% 0.0647 62.19)` | Cold Brew Coffee | white, 6.6 to 1 |
| 12 | `#7d5737` | `oklch(49.15% 0.0690 61.06)` | Château Mantle | white, 6.3 to 1 |
| 13 | `#835a37` | `oklch(50.35% 0.0731 60.26)` | Football | white, 6 to 1 |
| 14 | `#895d38` | `oklch(51.66% 0.0770 59.78)` | Quiver | white, 5.7 to 1 |
| 15 | `#8e603a` | `oklch(53.04% 0.0806 59.58)` | Fertile Soil | white, 5.3 to 1 |
| 16 | `#94643b` | `oklch(54.43% 0.0839 59.60)` | Topaz Mountain | white, 5 to 1 |
| 17 | `#99673d` | `oklch(55.81% 0.0869 59.82)` | Frappé au Chocolat | white, 4.8 to 1 |
| 18 | `#9f6b3e` | `oklch(57.22% 0.0897 60.32)` | Desert Clay | black, 4.6 to 1 |
| 19 | `#a46f40` | `oklch(58.66% 0.0923 61.06)` | Castellina | black, 4.9 to 1 |
| 20 | `#a97342` | `oklch(60.13% 0.0944 62.01)` | Byzantine Copper | black, 5.2 to 1 |
| 21 | `#ae7844` | `oklch(61.61% 0.0959 63.11)` | Gold Metal | black, 5.5 to 1 |
| 22 | `#b27d47` | `oklch(63.14% 0.0966 64.35)` | Rocky Racoon | black, 5.9 to 1 |
| 23 | `#b8834c` | `oklch(65.11% 0.0965 66.07)` | Arrakis Spice | black, 6.3 to 1 |
| 24 | `#bd8b52` | `oklch(67.27% 0.0957 68.09)` | Toffee Tart | black, 6.9 to 1 |
| 25 | `#c19158` | `oklch(69.17% 0.0944 70.05)` | Twine | black, 7.4 to 1 |
| 26 | `#c4965d` | `oklch(70.36% 0.0926 71.61)` | Mannered Gold | black, 7.8 to 1 |
| 27 | `#c2975e` | `oklch(70.37% 0.0906 72.43)` | Mannered Gold | black, 7.8 to 1 |
| 28 | `#bc925c` | `oklch(68.76% 0.0876 72.37)` | Radiance | black, 7.4 to 1 |
| 29 | `#b28a57` | `oklch(65.99% 0.0839 71.69)` | Rustic Wicker | black, 6.6 to 1 |
| 30 | `#a78051` | `oklch(62.77% 0.0801 70.72)` | Forbidden Peanut | black, 5.8 to 1 |
| 31 | `#9d784b` | `oklch(59.83% 0.0767 69.78)` | Frontier Paradise | black, 5.2 to 1 |
| 32 | `#977248` | `oklch(57.87% 0.0744 69.19)` | Renwick Golden Oak | black, 4.8 to 1 |

## CSS

```css
background: linear-gradient(315deg, #4a493a 0.0%, #4d4a3a 3.2%, #514c3a 6.5%, #564d3a 9.7%, #5c4f3a 12.9%, #61503a 16.1%, #66513a 19.4%, #6b5239 22.6%, #6f5338 25.8%, #735437 29.0%, #785636 32.3%, #7d5737 35.5%, #835a37 38.7%, #895d38 41.9%, #8e603a 45.2%, #94643b 48.4%, #99673d 51.6%, #9f6b3e 54.8%, #a46f40 58.1%, #a97342 61.3%, #ae7844 64.5%, #b27d47 67.7%, #b8834c 71.0%, #bd8b52 74.2%, #c19158 77.4%, #c4965d 80.6%, #c2975e 83.9%, #bc925c 87.1%, #b28a57 90.3%, #a78051 93.5%, #9d784b 96.8%, #977248 100.0%);
background: linear-gradient(315deg in oklch, oklch(40.16% 0.0234 104.06) 0.0%, oklch(40.73% 0.0257 99.60) 3.2%, oklch(41.54% 0.0287 93.13) 6.5%, oklch(42.48% 0.0324 85.78) 9.7%, oklch(43.45% 0.0365 78.71) 12.9%, oklch(44.35% 0.0406 73.08) 16.1%, oklch(45.12% 0.0450 69.36) 19.4%, oklch(45.80% 0.0499 66.71) 22.6%, oklch(46.48% 0.0549 64.81) 25.8%, oklch(47.22% 0.0600 63.40) 29.0%, oklch(48.09% 0.0647 62.19) 32.3%, oklch(49.15% 0.0690 61.06) 35.5%, oklch(50.35% 0.0731 60.26) 38.7%, oklch(51.66% 0.0770 59.78) 41.9%, oklch(53.04% 0.0806 59.58) 45.2%, oklch(54.43% 0.0839 59.60) 48.4%, oklch(55.81% 0.0869 59.82) 51.6%, oklch(57.22% 0.0897 60.32) 54.8%, oklch(58.66% 0.0923 61.06) 58.1%, oklch(60.13% 0.0944 62.01) 61.3%, oklch(61.61% 0.0959 63.11) 64.5%, oklch(63.14% 0.0966 64.35) 67.7%, oklch(65.11% 0.0965 66.07) 71.0%, oklch(67.27% 0.0957 68.09) 74.2%, oklch(69.17% 0.0944 70.05) 77.4%, oklch(70.36% 0.0926 71.61) 80.6%, oklch(70.37% 0.0906 72.43) 83.9%, oklch(68.76% 0.0876 72.37) 87.1%, oklch(65.99% 0.0839 71.69) 90.3%, oklch(62.77% 0.0801 70.72) 93.5%, oklch(59.83% 0.0767 69.78) 96.8%, oklch(57.87% 0.0744 69.19) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.402 | 0.023 | 104.1 |
| 2 | 0.445 | 0.041 | 72.4 |
| 3 | 0.484 | 0.066 | 61.8 |
| 4 | 0.551 | 0.085 | 59.7 |
| 5 | 0.626 | 0.096 | 63.9 |
| 6 | 0.705 | 0.091 | 72.4 |
| 7 | 0.579 | 0.074 | 69.2 |

## In these collections

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

## Other forms

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