# Gold and bronze color palette

The Gold and bronze color palette brings together pale orange, orange, and pale yellow. The colors span a broad lightness range, combining restrained color with clear contrast. Its light and open character suits brand mood boards and editorial graphics. Its darkest tone is orange, and its lightest tone is pale yellow.

- Also called: Seamless monochrome gray and brown radial gradient
- Seed: `kS4BI8tpI8_KLRA`
- Page: https://grabient.com/kS4BI8tpI8_KLRA?style=radialGradient&steps=32&angle=120
- Drawn as: radial gradient, 32 steps, 120 degrees
- Kinds: dark center, muted, warm, monochrome, seamless
- Hues: analogous
- Contrast of its darkest and lightest colors: 6.1 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 | `#e0d7c6` | `oklch(88.19% 0.0248 85.08)` | Bone | black, 14.7 to 1 |
| 2 | `#dad1c0` | `oklch(86.37% 0.0258 84.04)` | Clam | black, 13.8 to 1 |
| 3 | `#d3c9b7` | `oklch(83.89% 0.0271 82.61)` | Sandstone Cliff | black, 12.7 to 1 |
| 4 | `#cabfac` | `oklch(80.88% 0.0287 80.86)` | Sandbar | black, 11.5 to 1 |
| 5 | `#c0b4a0` | `oklch(77.44% 0.0305 78.85)` | Pigeon Grey | black, 10.2 to 1 |
| 6 | `#b6a893` | `oklch(73.67% 0.0325 76.65)` | Humus | black, 8.9 to 1 |
| 7 | `#ab9b86` | `oklch(69.71% 0.0346 74.34)` | Land of Nod | black, 7.7 to 1 |
| 8 | `#a08e79` | `oklch(65.64% 0.0368 71.98)` | Cottage Walk | black, 6.6 to 1 |
| 9 | `#95816c` | `oklch(61.59% 0.0389 69.64)` | Sofisticata | black, 5.6 to 1 |
| 10 | `#8a7560` | `oklch(57.67% 0.0411 67.39)` | Mink | black, 4.8 to 1 |
| 11 | `#806a54` | `oklch(53.99% 0.0431 65.30)` | Salted Pretzel | white, 5.1 to 1 |
| 12 | `#78604a` | `oklch(50.65% 0.0449 63.43)` | Hickory Nut | white, 5.8 to 1 |
| 13 | `#705742` | `oklch(47.77% 0.0465 61.87)` | Cinnamon Crumble | white, 6.6 to 1 |
| 14 | `#6a503b` | `oklch(45.46% 0.0478 60.67)` | Coffee Liqueur | white, 7.3 to 1 |
| 15 | `#664c36` | `oklch(43.83% 0.0488 59.90)` | Black Power | white, 7.9 to 1 |
| 16 | `#644934` | `oklch(43.00% 0.0495 59.64)` | Buckeye | white, 8.2 to 1 |
| 17 | `#644a34` | `oklch(43.06% 0.0496 59.95)` | Black Power | white, 8.1 to 1 |
| 18 | `#674c36` | `oklch(44.03% 0.0494 60.86)` | Black Power | white, 7.8 to 1 |
| 19 | `#6b523b` | `oklch(45.80% 0.0488 62.30)` | Coffee Liqueur | white, 7.2 to 1 |
| 20 | `#725942` | `oklch(48.25% 0.0479 64.20)` | Alpha Male | white, 6.5 to 1 |
| 21 | `#79624a` | `oklch(51.28% 0.0467 66.48)` | Fig Branches | white, 5.7 to 1 |
| 22 | `#836c54` | `oklch(54.76% 0.0452 69.06)` | Salted Pretzel | white, 4.9 to 1 |
| 23 | `#8d7860` | `oklch(58.60% 0.0436 71.86)` | Hat Box Brown | black, 4.9 to 1 |
| 24 | `#97856c` | `oklch(62.67% 0.0419 74.82)` | Wild Hawk | black, 5.8 to 1 |
| 25 | `#a39279` | `oklch(66.86% 0.0402 77.84)` | Mountain Hideaway | black, 6.9 to 1 |
| 26 | `#aea087` | `oklch(71.06% 0.0384 80.86)` | Sandy Bluff | black, 8.1 to 1 |
| 27 | `#baad95` | `oklch(75.15% 0.0367 83.80)` | Nile Sand | black, 9.4 to 1 |
| 28 | `#c4baa2` | `oklch(79.04% 0.0350 86.58)` | Dancing Dolphin | black, 10.8 to 1 |
| 29 | `#cfc5ae` | `oklch(82.59% 0.0335 89.12)` | Yuma Sand | black, 12.2 to 1 |
| 30 | `#d8d0b9` | `oklch(85.70% 0.0322 91.36)` | Bleached Pebble | black, 13.6 to 1 |
| 31 | `#dfd8c2` | `oklch(88.26% 0.0311 93.21)` | Palm Heart Cream | black, 14.7 to 1 |
| 32 | `#e5dfc9` | `oklch(90.16% 0.0303 94.59)` | Light Beige | black, 15.6 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #e0d7c6 0.0%, #dad1c0 3.2%, #d3c9b7 6.5%, #cabfac 9.7%, #c0b4a0 12.9%, #b6a893 16.1%, #ab9b86 19.4%, #a08e79 22.6%, #95816c 25.8%, #8a7560 29.0%, #806a54 32.3%, #78604a 35.5%, #705742 38.7%, #6a503b 41.9%, #664c36 45.2%, #644934 48.4%, #644a34 51.6%, #674c36 54.8%, #6b523b 58.1%, #725942 61.3%, #79624a 64.5%, #836c54 67.7%, #8d7860 71.0%, #97856c 74.2%, #a39279 77.4%, #aea087 80.6%, #baad95 83.9%, #c4baa2 87.1%, #cfc5ae 90.3%, #d8d0b9 93.5%, #dfd8c2 96.8%, #e5dfc9 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(88.19% 0.0248 85.08) 0.0%, oklch(86.37% 0.0258 84.04) 3.2%, oklch(83.89% 0.0271 82.61) 6.5%, oklch(80.88% 0.0287 80.86) 9.7%, oklch(77.44% 0.0305 78.85) 12.9%, oklch(73.67% 0.0325 76.65) 16.1%, oklch(69.71% 0.0346 74.34) 19.4%, oklch(65.64% 0.0368 71.98) 22.6%, oklch(61.59% 0.0389 69.64) 25.8%, oklch(57.67% 0.0411 67.39) 29.0%, oklch(53.99% 0.0431 65.30) 32.3%, oklch(50.65% 0.0449 63.43) 35.5%, oklch(47.77% 0.0465 61.87) 38.7%, oklch(45.46% 0.0478 60.67) 41.9%, oklch(43.83% 0.0488 59.90) 45.2%, oklch(43.00% 0.0495 59.64) 48.4%, oklch(43.06% 0.0496 59.95) 51.6%, oklch(44.03% 0.0494 60.86) 54.8%, oklch(45.80% 0.0488 62.30) 58.1%, oklch(48.25% 0.0479 64.20) 61.3%, oklch(51.28% 0.0467 66.48) 64.5%, oklch(54.76% 0.0452 69.06) 67.7%, oklch(58.60% 0.0436 71.86) 71.0%, oklch(62.67% 0.0419 74.82) 74.2%, oklch(66.86% 0.0402 77.84) 77.4%, oklch(71.06% 0.0384 80.86) 80.6%, oklch(75.15% 0.0367 83.80) 83.9%, oklch(79.04% 0.0350 86.58) 87.1%, oklch(82.59% 0.0335 89.12) 90.3%, oklch(85.70% 0.0322 91.36) 93.5%, oklch(88.26% 0.0311 93.21) 96.8%, oklch(90.16% 0.0303 94.59) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.882 | 0.025 | 85.1 |
| 2 | 0.429 | 0.05 | 59.7 |
| 3 | 0.902 | 0.03 | 94.6 |

## In these collections

- [Soft neutral gradients](https://grabient.com/soft-neutral-gradients)
- [Warm neutral gradients](https://grabient.com/warm-neutral-gradients)
- [Muted gradients](https://grabient.com/muted-gradients)

## Other forms

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