# Near-black, tan and bronze metallic palette

The Near-black, tan and bronze metallic palette brings together dark orange, orange, and gold. 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 gold.

- Also called: Seamless monochrome brown and tan linear gradient
- Seed: `kYLiEqyahByYXvrulkIOqS-RmSPq`
- Page: https://grabient.com/kYLiEqyahByYXvrulkIOqS-RmSPq?steps=32&angle=135
- Drawn as: linear gradient, 32 steps, 135 degrees
- Kinds: light center, vivid, warm, monochrome, seamless
- Hues: analogous
- Contrast of its darkest and lightest colors: 12.7 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 | `#1f0c00` | `oklch(18.12% 0.0430 58.75)` | Super Black | white, 18.8 to 1 |
| 2 | `#2e1600` | `oklch(23.01% 0.0532 61.43)` | Shadow Play | white, 17 to 1 |
| 3 | `#452703` | `oklch(30.38% 0.0655 64.64)` | Ibex Brown | white, 13.6 to 1 |
| 4 | `#603b0a` | `oklch(38.88% 0.0793 68.01)` | Hippogriff Brown | white, 9.8 to 1 |
| 5 | `#7b5113` | `oklch(47.15% 0.0928 71.30)` | Medium Brown | white, 6.9 to 1 |
| 6 | `#92641a` | `oklch(53.84% 0.1037 73.97)` | Tapenade | white, 5.1 to 1 |
| 7 | `#9e6f1e` | `oklch(57.59% 0.1098 75.50)` | Buttered Rum | black, 4.7 to 1 |
| 8 | `#9c6d1c` | `oklch(56.96% 0.1095 75.34)` | Cinnamon Brown | black, 4.6 to 1 |
| 9 | `#8d5f13` | `oklch(52.17% 0.1039 73.63)` | Kumera | white, 5.5 to 1 |
| 10 | `#764b05` | `oklch(45.09% 0.0949 71.04)` | Lucky Brown | white, 7.5 to 1 |
| 11 | `#5e3800` | `oklch(37.67% 0.0826 68.17)` | Hippogriff Brown | white, 10.3 to 1 |
| 12 | `#4a2a00` | `oklch(31.82% 0.0709 65.85)` | Stirland Mud | white, 12.9 to 1 |
| 13 | `#432400` | `oklch(29.46% 0.0662 64.75)` | Blackened Brown | white, 14 to 1 |
| 14 | `#4a2d0b` | `oklch(32.50% 0.0625 65.80)` | Stirland Mud | white, 12.6 to 1 |
| 15 | `#604425` | `oklch(41.04% 0.0597 68.44)` | Satoimo Brown | white, 8.9 to 1 |
| 16 | `#806645` | `oklch(52.85% 0.0579 72.18)` | Bright Umber | white, 5.3 to 1 |
| 17 | `#a58d6a` | `oklch(65.66% 0.0571 76.26)` | Ammonite Fossil | black, 6.6 to 1 |
| 18 | `#c8b18b` | `oklch(77.14% 0.0575 79.92)` | Cappuccino Froth | black, 10.1 to 1 |
| 19 | `#e1cba2` | `oklch(84.99% 0.0591 82.41)` | Hearth | black, 13.2 to 1 |
| 20 | `#e9d2a7` | `oklch(87.10% 0.0621 83.02)` | Plaster Mix | black, 14.1 to 1 |
| 21 | `#e1c798` | `oklch(84.10% 0.0685 81.99)` | Chamomile | black, 12.8 to 1 |
| 22 | `#d0b17d` | `oklch(77.60% 0.0771 79.86)` | Beachwalk | black, 10.2 to 1 |
| 23 | `#ba955c` | `oklch(69.02% 0.0863 77.04)` | Gold Torch | black, 7.5 to 1 |
| 24 | `#a1773a` | `oklch(59.79% 0.0943 73.98)` | Victorian Gold | black, 5.1 to 1 |
| 25 | `#8a5c19` | `oklch(51.32% 0.0996 71.12)` | Grizzly | white, 5.7 to 1 |
| 26 | `#784900` | `oklch(44.99% 0.0982 68.82)` | Lucky Brown | white, 7.6 to 1 |
| 27 | `#663c00` | `oklch(39.70% 0.0879 66.78)` | Bestial Brown | white, 9.5 to 1 |
| 28 | `#552f00` | `oklch(34.69% 0.0780 64.72)` | Kyoto House | white, 11.6 to 1 |
| 29 | `#462500` | `oklch(30.08% 0.0688 62.73)` | Ibex Brown | white, 13.8 to 1 |
| 30 | `#381c00` | `oklch(26.01% 0.0605 60.88)` | Powdered Cocoa | white, 15.7 to 1 |
| 31 | `#2e1500` | `oklch(22.64% 0.0535 59.26)` | Shadow Play | white, 17.2 to 1 |
| 32 | `#261000` | `oklch(20.09% 0.0481 57.96)` | Super Black | white, 18.2 to 1 |

## CSS

```css
background: linear-gradient(135deg, #1f0c00 0.0%, #2e1600 3.2%, #452703 6.5%, #603b0a 9.7%, #7b5113 12.9%, #92641a 16.1%, #9e6f1e 19.4%, #9c6d1c 22.6%, #8d5f13 25.8%, #764b05 29.0%, #5e3800 32.3%, #4a2a00 35.5%, #432400 38.7%, #4a2d0b 41.9%, #604425 45.2%, #806645 48.4%, #a58d6a 51.6%, #c8b18b 54.8%, #e1cba2 58.1%, #e9d2a7 61.3%, #e1c798 64.5%, #d0b17d 67.7%, #ba955c 71.0%, #a1773a 74.2%, #8a5c19 77.4%, #784900 80.6%, #663c00 83.9%, #552f00 87.1%, #462500 90.3%, #381c00 93.5%, #2e1500 96.8%, #261000 100.0%);
background: linear-gradient(135deg in oklch, oklch(18.12% 0.0430 58.75) 0.0%, oklch(23.01% 0.0532 61.43) 3.2%, oklch(30.38% 0.0655 64.64) 6.5%, oklch(38.88% 0.0793 68.01) 9.7%, oklch(47.15% 0.0928 71.30) 12.9%, oklch(53.84% 0.1037 73.97) 16.1%, oklch(57.59% 0.1098 75.50) 19.4%, oklch(56.96% 0.1095 75.34) 22.6%, oklch(52.17% 0.1039 73.63) 25.8%, oklch(45.09% 0.0949 71.04) 29.0%, oklch(37.67% 0.0826 68.17) 32.3%, oklch(31.82% 0.0709 65.85) 35.5%, oklch(29.46% 0.0662 64.75) 38.7%, oklch(32.50% 0.0625 65.80) 41.9%, oklch(41.04% 0.0597 68.44) 45.2%, oklch(52.85% 0.0579 72.18) 48.4%, oklch(65.66% 0.0571 76.26) 51.6%, oklch(77.14% 0.0575 79.92) 54.8%, oklch(84.99% 0.0591 82.41) 58.1%, oklch(87.10% 0.0621 83.02) 61.3%, oklch(84.10% 0.0685 81.99) 64.5%, oklch(77.60% 0.0771 79.86) 67.7%, oklch(69.02% 0.0863 77.04) 71.0%, oklch(59.79% 0.0943 73.98) 74.2%, oklch(51.32% 0.0996 71.12) 77.4%, oklch(44.99% 0.0982 68.82) 80.6%, oklch(39.70% 0.0879 66.78) 83.9%, oklch(34.69% 0.0780 64.72) 87.1%, oklch(30.08% 0.0688 62.73) 90.3%, oklch(26.01% 0.0605 60.88) 93.5%, oklch(22.64% 0.0535 59.26) 96.8%, oklch(20.09% 0.0481 57.96) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.181 | 0.045 | 59.8 |
| 2 | 0.579 | 0.11 | 75.6 |
| 3 | 0.299 | 0.065 | 65 |
| 4 | 0.87 | 0.061 | 83 |
| 5 | 0.461 | 0.101 | 69.3 |
| 6 | 0.201 | 0.05 | 58.7 |

## In these collections

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

## Other forms

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