# Bronze tan palette

The Bronze tan palette brings together orange and light orange. 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 darkest tone is orange, and its lightest tone is light orange.

- Also called: Monochrome brown and tan radial gradient
- Seed: `kWbSEmxhTANaXQTnFEDTJ-9o`
- Page: https://grabient.com/kWbSEmxhTANaXQTnFEDTJ-9o?style=radialGradient&steps=32
- Drawn as: radial gradient, 32 steps, 90 degrees
- Kinds: light center, muted, warm, monochrome
- Hues: monochromatic
- Contrast of its darkest and lightest colors: 4.5 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 | `#644938` | `oklch(42.91% 0.0455 54.14)` | Ship Steering Wheel | white, 8.2 to 1 |
| 2 | `#674b3a` | `oklch(43.89% 0.0464 54.25)` | Black Power | white, 7.9 to 1 |
| 3 | `#6b4f3c` | `oklch(45.18% 0.0476 54.33)` | Spice | white, 7.4 to 1 |
| 4 | `#705340` | `oklch(46.71% 0.0491 54.42)` | Mud | white, 7 to 1 |
| 5 | `#765743` | `oklch(48.42% 0.0508 54.56)` | Ancient Spice | white, 6.5 to 1 |
| 6 | `#7c5c47` | `oklch(50.23% 0.0524 54.79)` | Outback Brown | white, 6 to 1 |
| 7 | `#82614b` | `oklch(52.07% 0.0541 55.16)` | Tilled Earth | white, 5.5 to 1 |
| 8 | `#88664f` | `oklch(53.85% 0.0555 55.71)` | Obscure Ochre | white, 5.1 to 1 |
| 9 | `#8d6b52` | `oklch(55.53% 0.0568 56.47)` | Bean Pot | white, 4.8 to 1 |
| 10 | `#927056` | `oklch(57.17% 0.0580 57.51)` | Mocha Syrup | black, 4.6 to 1 |
| 11 | `#987459` | `oklch(58.83% 0.0593 58.80)` | Liver Chestnut | black, 4.9 to 1 |
| 12 | `#9d7a5d` | `oklch(60.51% 0.0605 60.25)` | Barite | black, 5.3 to 1 |
| 13 | `#a27f60` | `oklch(62.20% 0.0615 61.79)` | Spiced Honey | black, 5.7 to 1 |
| 14 | `#a78464` | `oklch(63.89% 0.0624 63.35)` | Wooden Swing | black, 6.1 to 1 |
| 15 | `#ac8968` | `oklch(65.58% 0.0631 64.85)` | Chamois Leather | black, 6.5 to 1 |
| 16 | `#b18f6c` | `oklch(67.27% 0.0634 66.21)` | Brown Branch | black, 7 to 1 |
| 17 | `#b69471` | `oklch(69.01% 0.0632 67.44)` | Keystone | black, 7.4 to 1 |
| 18 | `#bc9b78` | `oklch(71.14% 0.0621 68.85)` | Corky | black, 8.1 to 1 |
| 19 | `#c2a380` | `oklch(73.49% 0.0604 70.37)` | Almandine | black, 8.8 to 1 |
| 20 | `#c8ab88` | `oklch(75.87% 0.0584 71.86)` | Dwarf Rabbit | black, 9.6 to 1 |
| 21 | `#ceb390` | `oklch(78.05% 0.0565 73.15)` | Moraine | black, 10.4 to 1 |
| 22 | `#d3b896` | `oklch(79.81% 0.0551 74.10)` | Brown Hare | black, 11.1 to 1 |
| 23 | `#d6bc9a` | `oklch(80.93% 0.0544 74.56)` | Soft Wheat | black, 11.5 to 1 |
| 24 | `#d7bd9b` | `oklch(81.19% 0.0548 74.38)` | Soft Wheat | black, 11.6 to 1 |
| 25 | `#d5ba97` | `oklch(80.33% 0.0567 73.34)` | Smooth Beech | black, 11.2 to 1 |
| 26 | `#d1b28e` | `oklch(78.27% 0.0602 71.34)` | Ligonier Tan | black, 10.5 to 1 |
| 27 | `#cba883` | `oklch(75.35% 0.0647 68.65)` | Coastal Sand | black, 9.4 to 1 |
| 28 | `#c39c76` | `oklch(71.93% 0.0698 65.57)` | Tan Plan | black, 8.3 to 1 |
| 29 | `#bb8f69` | `oklch(68.35% 0.0750 62.39)` | Tropical Wood | black, 7.2 to 1 |
| 30 | `#b4835d` | `oklch(64.98% 0.0799 59.41)` | Choco Biscuit | black, 6.3 to 1 |
| 31 | `#ad7953` | `oklch(62.15% 0.0840 56.91)` | Dwarf Pony | black, 5.6 to 1 |
| 32 | `#a9734d` | `oklch(60.24% 0.0868 55.20)` | Copper Mountain | black, 5.2 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #644938 0.0%, #674b3a 3.2%, #6b4f3c 6.5%, #705340 9.7%, #765743 12.9%, #7c5c47 16.1%, #82614b 19.4%, #88664f 22.6%, #8d6b52 25.8%, #927056 29.0%, #987459 32.3%, #9d7a5d 35.5%, #a27f60 38.7%, #a78464 41.9%, #ac8968 45.2%, #b18f6c 48.4%, #b69471 51.6%, #bc9b78 54.8%, #c2a380 58.1%, #c8ab88 61.3%, #ceb390 64.5%, #d3b896 67.7%, #d6bc9a 71.0%, #d7bd9b 74.2%, #d5ba97 77.4%, #d1b28e 80.6%, #cba883 83.9%, #c39c76 87.1%, #bb8f69 90.3%, #b4835d 93.5%, #ad7953 96.8%, #a9734d 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(42.91% 0.0455 54.14) 0.0%, oklch(43.89% 0.0464 54.25) 3.2%, oklch(45.18% 0.0476 54.33) 6.5%, oklch(46.71% 0.0491 54.42) 9.7%, oklch(48.42% 0.0508 54.56) 12.9%, oklch(50.23% 0.0524 54.79) 16.1%, oklch(52.07% 0.0541 55.16) 19.4%, oklch(53.85% 0.0555 55.71) 22.6%, oklch(55.53% 0.0568 56.47) 25.8%, oklch(57.17% 0.0580 57.51) 29.0%, oklch(58.83% 0.0593 58.80) 32.3%, oklch(60.51% 0.0605 60.25) 35.5%, oklch(62.20% 0.0615 61.79) 38.7%, oklch(63.89% 0.0624 63.35) 41.9%, oklch(65.58% 0.0631 64.85) 45.2%, oklch(67.27% 0.0634 66.21) 48.4%, oklch(69.01% 0.0632 67.44) 51.6%, oklch(71.14% 0.0621 68.85) 54.8%, oklch(73.49% 0.0604 70.37) 58.1%, oklch(75.87% 0.0584 71.86) 61.3%, oklch(78.05% 0.0565 73.15) 64.5%, oklch(79.81% 0.0551 74.10) 67.7%, oklch(80.93% 0.0544 74.56) 71.0%, oklch(81.19% 0.0548 74.38) 74.2%, oklch(80.33% 0.0567 73.34) 77.4%, oklch(78.27% 0.0602 71.34) 80.6%, oklch(75.35% 0.0647 68.65) 83.9%, oklch(71.93% 0.0698 65.57) 87.1%, oklch(68.35% 0.0750 62.39) 90.3%, oklch(64.98% 0.0799 59.41) 93.5%, oklch(62.15% 0.0840 56.91) 96.8%, oklch(60.24% 0.0868 55.20) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.429 | 0.045 | 54.1 |
| 2 | 0.551 | 0.056 | 56.3 |
| 3 | 0.681 | 0.063 | 66.8 |
| 4 | 0.811 | 0.055 | 74.2 |
| 5 | 0.602 | 0.087 | 55.2 |

## In these collections

- [Tan color palette](https://grabient.com/tan-color-palette)

## Other forms

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