# Bronze metallic palette

The Bronze metallic palette brings together dark orange, orange, and pale orange. The colors span a very broad lightness range, combining moderate color with high contrast. Its balanced and composed character suits brand mood boards and editorial graphics. Its darkest tone is dark orange, and its lightest tone is pale orange.

- Also called: Seamless warm brown and tan angular gradient
- Seed: `kcMyQnVChB6sZvtzlEJP6Y-SKWPreHUJnBI9A`
- Page: https://grabient.com/kcMyQnVChB6sZvtzlEJP6Y-SKWPreHUJnBI9A?style=angularGradient&steps=32&angle=120
- Drawn as: angular gradient, 32 steps, 120 degrees
- Kinds: light center, vivid, warm, monochrome, seamless
- Hues: analogous
- Contrast of its darkest and lightest colors: 13.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 | `#270f00` | `oklch(20.08% 0.0496 54.84)` | Severely Burnt Toast | white, 18.2 to 1 |
| 2 | `#412207` | `oklch(28.91% 0.0612 58.04)` | Chocolate Castle | white, 14.3 to 1 |
| 3 | `#6b431a` | `oklch(42.13% 0.0785 62.81)` | Antique Brass | white, 8.5 to 1 |
| 4 | `#98672e` | `oklch(55.46% 0.0960 67.66)` | Woodgrain | white, 4.8 to 1 |
| 5 | `#b7823c` | `oklch(64.58% 0.1081 71.09)` | Monarch Gold | black, 6.2 to 1 |
| 6 | `#b9843c` | `oklch(65.16% 0.1098 71.60)` | Amber Essence | black, 6.4 to 1 |
| 7 | `#9e6b2a` | `oklch(56.84% 0.1025 69.13)` | Stage Gold | white, 4.5 to 1 |
| 8 | `#774a14` | `oklch(45.08% 0.0904 65.49)` | Hairy Brown | white, 7.5 to 1 |
| 9 | `#583105` | `oklch(35.67% 0.0780 62.62)` | Moelleux au Chocolat | white, 11.2 to 1 |
| 10 | `#52300c` | `oklch(34.40% 0.0694 62.46)` | Dark Catacombs | white, 11.7 to 1 |
| 11 | `#6c4d2d` | `oklch(44.66% 0.0630 66.16)` | Wagon Train | white, 7.6 to 1 |
| 12 | `#9b805f` | `oklch(61.64% 0.0574 72.09)` | Corkboard | black, 5.6 to 1 |
| 13 | `#ceb694` | `oklch(78.87% 0.0540 78.08)` | Real Simple | black, 10.7 to 1 |
| 14 | `#f0dbb5` | `oklch(89.86% 0.0542 81.92)` | Precious | black, 15.4 to 1 |
| 15 | `#f1dab0` | `oklch(89.70% 0.0605 81.99)` | Precious | black, 15.3 to 1 |
| 16 | `#dcbd8c` | `oklch(81.39% 0.0739 79.31)` | Cupola Yellow | black, 11.7 to 1 |
| 17 | `#bc945a` | `oklch(69.03% 0.0894 75.22)` | Gold Torch | black, 7.4 to 1 |
| 18 | `#9b6b2a` | `oklch(56.65% 0.1013 70.99)` | Stage Gold | white, 4.6 to 1 |
| 19 | `#835002` | `oklch(47.88% 0.1044 67.75)` | Medium Brown | white, 6.7 to 1 |
| 20 | `#683b00` | `oklch(39.96% 0.0902 64.24)` | Bestial Brown | white, 9.4 to 1 |
| 21 | `#502900` | `oklch(32.63% 0.0760 60.72)` | Stirland Mud | white, 12.6 to 1 |
| 22 | `#3f1e00` | `oklch(27.67% 0.0661 58.13)` | Dark Ebony | white, 14.9 to 1 |
| 23 | `#3c1d02` | `oklch(26.84% 0.0611 57.87)` | 90% Cocoa | white, 15.3 to 1 |
| 24 | `#4d2e12` | `oklch(33.34% 0.0611 60.80)` | Bavarian Sweet Mustard | white, 12.2 to 1 |
| 25 | `#745330` | `oklch(46.93% 0.0668 66.96)` | Chocolate Bells | white, 6.9 to 1 |
| 26 | `#a17f52` | `oklch(61.86% 0.0742 73.72)` | Forbidden Peanut | black, 5.6 to 1 |
| 27 | `#c1a06c` | `oklch(72.30% 0.0794 78.42)` | Silence Is Golden | black, 8.4 to 1 |
| 28 | `#c2a16d` | `oklch(72.67% 0.0788 78.49)` | Silence Is Golden | black, 8.6 to 1 |
| 29 | `#a38256` | `oklch(62.73% 0.0727 73.82)` | Lavish Gold | black, 5.8 to 1 |
| 30 | `#755534` | `oklch(47.51% 0.0640 66.71)` | Oak Barrel | white, 6.7 to 1 |
| 31 | `#482c14` | `oklch(32.22% 0.0554 59.58)` | Brown Study | white, 12.7 to 1 |
| 32 | `#2c1302` | `oklch(22.05% 0.0496 54.84)` | Shadow Play | white, 17.4 to 1 |

## CSS

```css
background: conic-gradient(from 120deg, #270f00 0.0%, #412207 3.2%, #6b431a 6.5%, #98672e 9.7%, #b7823c 12.9%, #b9843c 16.1%, #9e6b2a 19.4%, #774a14 22.6%, #583105 25.8%, #52300c 29.0%, #6c4d2d 32.3%, #9b805f 35.5%, #ceb694 38.7%, #f0dbb5 41.9%, #f1dab0 45.2%, #dcbd8c 48.4%, #bc945a 51.6%, #9b6b2a 54.8%, #835002 58.1%, #683b00 61.3%, #502900 64.5%, #3f1e00 67.7%, #3c1d02 71.0%, #4d2e12 74.2%, #745330 77.4%, #a17f52 80.6%, #c1a06c 83.9%, #c2a16d 87.1%, #a38256 90.3%, #755534 93.5%, #482c14 96.8%, #2c1302 100.0%);
background: conic-gradient(from 120deg in oklch, oklch(20.08% 0.0496 54.84) 0.0%, oklch(28.91% 0.0612 58.04) 3.2%, oklch(42.13% 0.0785 62.81) 6.5%, oklch(55.46% 0.0960 67.66) 9.7%, oklch(64.58% 0.1081 71.09) 12.9%, oklch(65.16% 0.1098 71.60) 16.1%, oklch(56.84% 0.1025 69.13) 19.4%, oklch(45.08% 0.0904 65.49) 22.6%, oklch(35.67% 0.0780 62.62) 25.8%, oklch(34.40% 0.0694 62.46) 29.0%, oklch(44.66% 0.0630 66.16) 32.3%, oklch(61.64% 0.0574 72.09) 35.5%, oklch(78.87% 0.0540 78.08) 38.7%, oklch(89.86% 0.0542 81.92) 41.9%, oklch(89.70% 0.0605 81.99) 45.2%, oklch(81.39% 0.0739 79.31) 48.4%, oklch(69.03% 0.0894 75.22) 51.6%, oklch(56.65% 0.1013 70.99) 54.8%, oklch(47.88% 0.1044 67.75) 58.1%, oklch(39.96% 0.0902 64.24) 61.3%, oklch(32.63% 0.0760 60.72) 64.5%, oklch(27.67% 0.0661 58.13) 67.7%, oklch(26.84% 0.0611 57.87) 71.0%, oklch(33.34% 0.0611 60.80) 74.2%, oklch(46.93% 0.0668 66.96) 77.4%, oklch(61.86% 0.0742 73.72) 80.6%, oklch(72.30% 0.0794 78.42) 83.9%, oklch(72.67% 0.0788 78.49) 87.1%, oklch(62.73% 0.0727 73.82) 90.3%, oklch(47.51% 0.0640 66.71) 93.5%, oklch(32.22% 0.0554 59.58) 96.8%, oklch(22.05% 0.0496 54.84) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.201 | 0.05 | 54.8 |
| 2 | 0.661 | 0.11 | 71.8 |
| 3 | 0.339 | 0.07 | 62.2 |
| 4 | 0.909 | 0.055 | 82.3 |
| 5 | 0.5 | 0.105 | 68.6 |
| 6 | 0.272 | 0.061 | 58 |
| 7 | 0.74 | 0.08 | 79.1 |
| 8 | 0.22 | 0.05 | 54.8 |

## In these collections

- [Metallic gradients](https://grabient.com/metallic-gradients)

## Other forms

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