# Bronze color palette

The Bronze color palette brings together dark orange, orange, and pale orange. 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 dark orange, and its lightest tone is pale orange.

- Also called: Seamless analogous brown and peach linear gradient
- Seed: `kWOCwiQivA3KWQTIqD5HpY_A`
- Page: https://grabient.com/kWOCwiQivA3KWQTIqD5HpY_A?steps=32&angle=120
- Drawn as: linear gradient, 32 steps, 120 degrees
- Kinds: light center, vivid, warm, seamless
- Hues: monochromatic
- Contrast of its darkest and lightest colors: 12.9 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 | `#301000` | `oklch(22.05% 0.0605 47.53)` | Chocolate Melange | white, 17.5 to 1 |
| 2 | `#381400` | `oklch(24.39% 0.0662 48.25)` | American Bronze | white, 16.5 to 1 |
| 3 | `#431a00` | `oklch(27.44% 0.0738 48.83)` | Bath in Chocolate | white, 15.1 to 1 |
| 4 | `#502100` | `oklch(31.08% 0.0824 49.79)` | Evil Cigar | white, 13.4 to 1 |
| 5 | `#5f2900` | `oklch(35.15% 0.0918 50.84)` | Count Chocula | white, 11.6 to 1 |
| 6 | `#6f3300` | `oklch(39.53% 0.1017 51.95)` | Nutmeg Wood Finish | white, 9.7 to 1 |
| 7 | `#813d00` | `oklch(44.06% 0.1117 53.11)` | Hazelnut Chocolate | white, 8 to 1 |
| 8 | `#914906` | `oklch(48.62% 0.1186 54.34)` | Parasite Brown | white, 6.6 to 1 |
| 9 | `#9f5618` | `oklch(53.11% 0.1197 55.52)` | Bright Bronze | white, 5.4 to 1 |
| 10 | `#ae682d` | `oklch(58.44% 0.1159 57.00)` | Autumn Surprise | black, 4.8 to 1 |
| 11 | `#be7d46` | `oklch(64.58% 0.1081 58.77)` | Sedona at Sunset | black, 6.2 to 1 |
| 12 | `#ce9361` | `oklch(71.04% 0.0979 60.66)` | Napa Sunset | black, 7.9 to 1 |
| 13 | `#dda97b` | `oklch(77.29% 0.0866 62.48)` | Thai Ice Tea | black, 10 to 1 |
| 14 | `#eabd93` | `oklch(82.82% 0.0759 64.06)` | Golden Oat Coloured | black, 12.1 to 1 |
| 15 | `#f4cca7` | `oklch(87.13% 0.0670 65.21)` | Allspice | black, 14 to 1 |
| 16 | `#fad6b3` | `oklch(89.69% 0.0616 65.78)` | Sandy Bay | black, 15.2 to 1 |
| 17 | `#fbd7b4` | `oklch(90.04% 0.0610 65.56)` | Sandy Bay | black, 15.4 to 1 |
| 18 | `#f7d0ac` | `oklch(88.24% 0.0649 64.55)` | Pekin Chicken | black, 14.5 to 1 |
| 19 | `#f0c39d` | `oklch(84.76% 0.0721 62.92)` | Carving Party | black, 13 to 1 |
| 20 | `#e5b288` | `oklch(80.06% 0.0812 60.87)` | Soft Skills | black, 11 to 1 |
| 21 | `#d89f72` | `oklch(74.59% 0.0909 58.59)` | Ochraceous Salmon | black, 9.1 to 1 |
| 22 | `#ca8a5c` | `oklch(68.82% 0.0998 56.29)` | Orange Pekoe | black, 7.3 to 1 |
| 23 | `#bb7748` | `oklch(63.20% 0.1067 54.16)` | Palomino | black, 5.8 to 1 |
| 24 | `#ad6738` | `oklch(58.19% 0.1101 52.40)` | Autumn Surprise | black, 4.7 to 1 |
| 25 | `#9f592c` | `oklch(53.75% 0.1091 51.04)` | Bright Bronze | white, 5.3 to 1 |
| 26 | `#8f4c23` | `oklch(48.97% 0.1048 49.79)` | Nightcap | white, 6.5 to 1 |
| 27 | `#7d3f1b` | `oklch(44.01% 0.0979 48.65)` | Walnut | white, 8 to 1 |
| 28 | `#6b3414` | `oklch(39.09% 0.0896 47.60)` | Meatloaf | white, 9.9 to 1 |
| 29 | `#5a290f` | `oklch(34.41% 0.0808 46.68)` | Fudge Brownie | white, 11.9 to 1 |
| 30 | `#4b200a` | `oklch(30.20% 0.0724 45.87)` | Chrysophobia | white, 13.8 to 1 |
| 31 | `#3f1906` | `oklch(26.66% 0.0653 45.19)` | Bath in Chocolate | white, 15.5 to 1 |
| 32 | `#361404` | `oklch(24.02% 0.0606 44.64)` | Chocolate Melange | white, 16.7 to 1 |

## CSS

```css
background: linear-gradient(120deg, #301000 0.0%, #381400 3.2%, #431a00 6.5%, #502100 9.7%, #5f2900 12.9%, #6f3300 16.1%, #813d00 19.4%, #914906 22.6%, #9f5618 25.8%, #ae682d 29.0%, #be7d46 32.3%, #ce9361 35.5%, #dda97b 38.7%, #eabd93 41.9%, #f4cca7 45.2%, #fad6b3 48.4%, #fbd7b4 51.6%, #f7d0ac 54.8%, #f0c39d 58.1%, #e5b288 61.3%, #d89f72 64.5%, #ca8a5c 67.7%, #bb7748 71.0%, #ad6738 74.2%, #9f592c 77.4%, #8f4c23 80.6%, #7d3f1b 83.9%, #6b3414 87.1%, #5a290f 90.3%, #4b200a 93.5%, #3f1906 96.8%, #361404 100.0%);
background: linear-gradient(120deg in oklch, oklch(22.05% 0.0605 47.53) 0.0%, oklch(24.39% 0.0662 48.25) 3.2%, oklch(27.44% 0.0738 48.83) 6.5%, oklch(31.08% 0.0824 49.79) 9.7%, oklch(35.15% 0.0918 50.84) 12.9%, oklch(39.53% 0.1017 51.95) 16.1%, oklch(44.06% 0.1117 53.11) 19.4%, oklch(48.62% 0.1186 54.34) 22.6%, oklch(53.11% 0.1197 55.52) 25.8%, oklch(58.44% 0.1159 57.00) 29.0%, oklch(64.58% 0.1081 58.77) 32.3%, oklch(71.04% 0.0979 60.66) 35.5%, oklch(77.29% 0.0866 62.48) 38.7%, oklch(82.82% 0.0759 64.06) 41.9%, oklch(87.13% 0.0670 65.21) 45.2%, oklch(89.69% 0.0616 65.78) 48.4%, oklch(90.04% 0.0610 65.56) 51.6%, oklch(88.24% 0.0649 64.55) 54.8%, oklch(84.76% 0.0721 62.92) 58.1%, oklch(80.06% 0.0812 60.87) 61.3%, oklch(74.59% 0.0909 58.59) 64.5%, oklch(68.82% 0.0998 56.29) 67.7%, oklch(63.20% 0.1067 54.16) 71.0%, oklch(58.19% 0.1101 52.40) 74.2%, oklch(53.75% 0.1091 51.04) 77.4%, oklch(48.97% 0.1048 49.79) 80.6%, oklch(44.01% 0.0979 48.65) 83.9%, oklch(39.09% 0.0896 47.60) 87.1%, oklch(34.41% 0.0808 46.68) 90.3%, oklch(30.20% 0.0724 45.87) 93.5%, oklch(26.66% 0.0653 45.19) 96.8%, oklch(24.02% 0.0606 44.64) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.22 | 0.061 | 47.8 |
| 2 | 0.52 | 0.12 | 55.2 |
| 3 | 0.902 | 0.061 | 65.8 |
| 4 | 0.571 | 0.11 | 52 |
| 5 | 0.24 | 0.061 | 44.6 |

## In these collections

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

## Other forms

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