# Bronze and gold tan palette

The Bronze and gold tan palette brings together orange and gold. 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 gold.

- Also called: Seamless warm brown and tan angular gradient
- Seed: `kadSYuyxzAdqiQLpnkD3iA_EocPq6kz-A`
- Page: https://grabient.com/kadSYuyxzAdqiQLpnkD3iA_EocPq6kz-A?style=angularGradient&steps=32&angle=45
- Drawn as: angular gradient, 32 steps, 45 degrees
- Kinds: light center, warm, monochrome, seamless
- Hues: analogous
- Contrast of its darkest and lightest colors: 4.2 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 | `#6d5238` | `oklch(46.06% 0.0524 65.39)` | Cowboy Boots | white, 7.1 to 1 |
| 2 | `#73573a` | `oklch(47.77% 0.0559 65.91)` | Clockworks | white, 6.6 to 1 |
| 3 | `#7c5d3d` | `oklch(50.18% 0.0611 66.62)` | Japanese Iris | white, 6 to 1 |
| 4 | `#866440` | `oklch(53.00% 0.0670 67.48)` | Port Wine Barrel | white, 5.3 to 1 |
| 5 | `#916c44` | `oklch(55.92% 0.0729 68.44)` | Antique Bourbon | white, 4.7 to 1 |
| 6 | `#9a7447` | `oklch(58.64% 0.0779 69.45)` | Sahara Splendour | black, 4.9 to 1 |
| 7 | `#a37b4a` | `oklch(61.07% 0.0819 70.50)` | Cognac Tint | black, 5.4 to 1 |
| 8 | `#ab824e` | `oklch(63.46% 0.0858 71.63)` | Muddy Waters | black, 6 to 1 |
| 9 | `#b38951` | `oklch(65.82% 0.0892 72.83)` | Sand Mountain | black, 6.6 to 1 |
| 10 | `#bb9056` | `oklch(68.16% 0.0919 74.12)` | Radiance | black, 7.2 to 1 |
| 11 | `#c2985b` | `oklch(70.49% 0.0935 75.49)` | Townhouse Tan | black, 7.9 to 1 |
| 12 | `#c9a062` | `oklch(72.95% 0.0934 77.06)` | Sunrise Heat | black, 8.6 to 1 |
| 13 | `#d0aa6c` | `oklch(75.83% 0.0915 79.09)` | More Maple | black, 9.6 to 1 |
| 14 | `#d7b477` | `oklch(78.72% 0.0885 81.22)` | Egyptian Temple | black, 10.6 to 1 |
| 15 | `#dcbd81` | `oklch(81.18% 0.0855 83.05)` | Vermicelles | black, 11.6 to 1 |
| 16 | `#e0c388` | `oklch(82.75% 0.0832 84.21)` | Moonlight Yellow | black, 12.2 to 1 |
| 17 | `#e1c489` | `oklch(83.05% 0.0826 84.34)` | Moonlight Yellow | black, 12.4 to 1 |
| 18 | `#dfc086` | `oklch(82.17% 0.0836 83.52)` | Sahara Gravel | black, 12 to 1 |
| 19 | `#dbba7f` | `oklch(80.44% 0.0853 82.05)` | Honeymoon | black, 11.3 to 1 |
| 20 | `#d5b277` | `oklch(78.17% 0.0871 80.19)` | Tarnished Trumpet | black, 10.4 to 1 |
| 21 | `#cfa96e` | `oklch(75.66% 0.0882 78.24)` | Artemis | black, 9.5 to 1 |
| 22 | `#c8a168` | `oklch(73.18% 0.0880 76.41)` | Buckskin Pony | black, 8.7 to 1 |
| 23 | `#c09860` | `oklch(70.34% 0.0869 74.33)` | Cheers! | black, 7.8 to 1 |
| 24 | `#b68d59` | `oklch(67.16% 0.0851 72.04)` | Breadstick | black, 6.9 to 1 |
| 25 | `#ac8352` | `oklch(63.87% 0.0828 69.78)` | Gold Plated | black, 6.1 to 1 |
| 26 | `#a2794c` | `oklch(60.68% 0.0799 67.77)` | Caramelised Pecan | black, 5.3 to 1 |
| 27 | `#997147` | `oklch(57.81% 0.0766 66.23)` | Olympic Bronze | black, 4.7 to 1 |
| 28 | `#8f6943` | `oklch(55.03% 0.0720 65.17)` | English Saddle | white, 4.9 to 1 |
| 29 | `#856240` | `oklch(52.28% 0.0665 64.43)` | Spice Bazaar | white, 5.5 to 1 |
| 30 | `#7b5b3d` | `oklch(49.74% 0.0608 63.93)` | Château Mantle | white, 6.1 to 1 |
| 31 | `#73563b` | `oklch(47.60% 0.0558 63.58)` | Clockworks | white, 6.7 to 1 |
| 32 | `#6d5239` | `oklch(46.06% 0.0524 63.28)` | Coffee Liqueur | white, 7.1 to 1 |

## CSS

```css
background: conic-gradient(from 45deg, #6d5238 0.0%, #73573a 3.2%, #7c5d3d 6.5%, #866440 9.7%, #916c44 12.9%, #9a7447 16.1%, #a37b4a 19.4%, #ab824e 22.6%, #b38951 25.8%, #bb9056 29.0%, #c2985b 32.3%, #c9a062 35.5%, #d0aa6c 38.7%, #d7b477 41.9%, #dcbd81 45.2%, #e0c388 48.4%, #e1c489 51.6%, #dfc086 54.8%, #dbba7f 58.1%, #d5b277 61.3%, #cfa96e 64.5%, #c8a168 67.7%, #c09860 71.0%, #b68d59 74.2%, #ac8352 77.4%, #a2794c 80.6%, #997147 83.9%, #8f6943 87.1%, #856240 90.3%, #7b5b3d 93.5%, #73563b 96.8%, #6d5239 100.0%);
background: conic-gradient(from 45deg in oklch, oklch(46.06% 0.0524 65.39) 0.0%, oklch(47.77% 0.0559 65.91) 3.2%, oklch(50.18% 0.0611 66.62) 6.5%, oklch(53.00% 0.0670 67.48) 9.7%, oklch(55.92% 0.0729 68.44) 12.9%, oklch(58.64% 0.0779 69.45) 16.1%, oklch(61.07% 0.0819 70.50) 19.4%, oklch(63.46% 0.0858 71.63) 22.6%, oklch(65.82% 0.0892 72.83) 25.8%, oklch(68.16% 0.0919 74.12) 29.0%, oklch(70.49% 0.0935 75.49) 32.3%, oklch(72.95% 0.0934 77.06) 35.5%, oklch(75.83% 0.0915 79.09) 38.7%, oklch(78.72% 0.0885 81.22) 41.9%, oklch(81.18% 0.0855 83.05) 45.2%, oklch(82.75% 0.0832 84.21) 48.4%, oklch(83.05% 0.0826 84.34) 51.6%, oklch(82.17% 0.0836 83.52) 54.8%, oklch(80.44% 0.0853 82.05) 58.1%, oklch(78.17% 0.0871 80.19) 61.3%, oklch(75.66% 0.0882 78.24) 64.5%, oklch(73.18% 0.0880 76.41) 67.7%, oklch(70.34% 0.0869 74.33) 71.0%, oklch(67.16% 0.0851 72.04) 74.2%, oklch(63.87% 0.0828 69.78) 77.4%, oklch(60.68% 0.0799 67.77) 80.6%, oklch(57.81% 0.0766 66.23) 83.9%, oklch(55.03% 0.0720 65.17) 87.1%, oklch(52.28% 0.0665 64.43) 90.3%, oklch(49.74% 0.0608 63.93) 93.5%, oklch(47.60% 0.0558 63.58) 96.8%, oklch(46.06% 0.0524 63.28) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.461 | 0.052 | 65.4 |
| 2 | 0.591 | 0.079 | 69.6 |
| 3 | 0.713 | 0.094 | 76 |
| 4 | 0.831 | 0.083 | 84.4 |
| 5 | 0.74 | 0.088 | 77 |
| 6 | 0.583 | 0.077 | 66.4 |
| 7 | 0.461 | 0.052 | 63.3 |

## In these collections

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

## Other forms

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