# Bronze and ochre retro palette

The Bronze and ochre retro palette brings together orange, gold, and light orange. The colors span a moderate lightness range, combining moderate color with clear contrast. Its balanced and composed character suits editorial layouts and period-inspired packaging. Its darkest tone is orange, and its lightest tone is light orange.

- Also called: Monochrome brown to beige linear gradient
- Seed: `kUfC89Up-_-SjwByGT_g`
- Page: https://grabient.com/kUfC89Up-_-SjwByGT_g?steps=32&angle=45
- Drawn as: linear gradient, 32 steps, 45 degrees
- Kinds: dark to light, pastel, warm, monochrome
- Hues: monochromatic
- Contrast of its darkest and lightest colors: 4.6 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 | `#705d33` | `oklch(48.82% 0.0648 85.78)` | Moss Brown | white, 6.3 to 1 |
| 2 | `#736034` | `oklch(49.75% 0.0661 85.78)` | Morass | white, 6 to 1 |
| 3 | `#776336` | `oklch(50.96% 0.0678 85.77)` | Twig Basket | white, 5.7 to 1 |
| 4 | `#7c6738` | `oklch(52.38% 0.0699 85.75)` | Eminent Bronze | white, 5.4 to 1 |
| 5 | `#826c3b` | `oklch(53.98% 0.0722 85.73)` | By Gum | white, 5 to 1 |
| 6 | `#87703e` | `oklch(55.71% 0.0747 85.72)` | Siam Gold | white, 4.7 to 1 |
| 7 | `#8d7641` | `oklch(57.51% 0.0772 85.71)` | Bengal Grass | black, 4.7 to 1 |
| 8 | `#947b44` | `oklch(59.33% 0.0797 85.70)` | Gold Estate | black, 5.1 to 1 |
| 9 | `#9a8047` | `oklch(61.13% 0.0821 85.71)` | Wild Olive | black, 5.5 to 1 |
| 10 | `#a0854a` | `oklch(62.86% 0.0843 85.73)` | Greek Olive | black, 5.9 to 1 |
| 11 | `#a58a4d` | `oklch(64.46% 0.0863 85.77)` | Mustard Gold | black, 6.3 to 1 |
| 12 | `#aa8e50` | `oklch(65.94% 0.0879 85.82)` | Golden Years | black, 6.7 to 1 |
| 13 | `#af9353` | `oklch(67.40% 0.0897 85.90)` | Antique Honey | black, 7 to 1 |
| 14 | `#b49755` | `oklch(68.85% 0.0914 86.01)` | Viva Las Vegas | black, 7.4 to 1 |
| 15 | `#b99b58` | `oklch(70.28% 0.0932 86.12)` | Escapade Gold | black, 7.9 to 1 |
| 16 | `#bea05b` | `oklch(71.69% 0.0948 86.25)` | Eaton Gold | black, 8.3 to 1 |
| 17 | `#c3a45e` | `oklch(73.08% 0.0962 86.37)` | Spring Roll | black, 8.7 to 1 |
| 18 | `#c7a861` | `oklch(74.45% 0.0973 86.50)` | Laser | black, 9.2 to 1 |
| 19 | `#ccac64` | `oklch(75.78% 0.0981 86.61)` | Desert | black, 9.6 to 1 |
| 20 | `#d0b068` | `oklch(77.07% 0.0984 86.72)` | Filtered Rays | black, 10.1 to 1 |
| 21 | `#d4b56c` | `oklch(78.32% 0.0983 86.80)` | Golden Pagoda | black, 10.5 to 1 |
| 22 | `#d7b871` | `oklch(79.54% 0.0975 86.85)` | Good as Gold | black, 11 to 1 |
| 23 | `#dbbc76` | `oklch(80.76% 0.0958 86.89)` | Brass Nail | black, 11.5 to 1 |
| 24 | `#dec17c` | `oklch(81.98% 0.0934 86.91)` | Chalky | black, 11.9 to 1 |
| 25 | `#e1c583` | `oklch(83.20% 0.0904 86.92)` | 24 Karat | black, 12.4 to 1 |
| 26 | `#e4c989` | `oklch(84.38% 0.0870 86.91)` | Beachcombing | black, 12.9 to 1 |
| 27 | `#e7cd90` | `oklch(85.52% 0.0834 86.90)` | Lol Yellow | black, 13.4 to 1 |
| 28 | `#ead096` | `oklch(86.58% 0.0798 86.89)` | Sunlight | black, 13.9 to 1 |
| 29 | `#ecd39c` | `oklch(87.56% 0.0764 86.87)` | Sunbeam Yellow | black, 14.4 to 1 |
| 30 | `#eed6a2` | `oklch(88.43% 0.0733 86.85)` | Astra | black, 14.8 to 1 |
| 31 | `#f0d9a6` | `oklch(89.17% 0.0707 86.84)` | Upbeat | black, 15.1 to 1 |
| 32 | `#f1dba9` | `oklch(89.76% 0.0689 86.84)` | Brilliant Gold | black, 15.4 to 1 |

## CSS

```css
background: linear-gradient(45deg, #705d33 0.0%, #736034 3.2%, #776336 6.5%, #7c6738 9.7%, #826c3b 12.9%, #87703e 16.1%, #8d7641 19.4%, #947b44 22.6%, #9a8047 25.8%, #a0854a 29.0%, #a58a4d 32.3%, #aa8e50 35.5%, #af9353 38.7%, #b49755 41.9%, #b99b58 45.2%, #bea05b 48.4%, #c3a45e 51.6%, #c7a861 54.8%, #ccac64 58.1%, #d0b068 61.3%, #d4b56c 64.5%, #d7b871 67.7%, #dbbc76 71.0%, #dec17c 74.2%, #e1c583 77.4%, #e4c989 80.6%, #e7cd90 83.9%, #ead096 87.1%, #ecd39c 90.3%, #eed6a2 93.5%, #f0d9a6 96.8%, #f1dba9 100.0%);
background: linear-gradient(45deg in oklch, oklch(48.82% 0.0648 85.78) 0.0%, oklch(49.75% 0.0661 85.78) 3.2%, oklch(50.96% 0.0678 85.77) 6.5%, oklch(52.38% 0.0699 85.75) 9.7%, oklch(53.98% 0.0722 85.73) 12.9%, oklch(55.71% 0.0747 85.72) 16.1%, oklch(57.51% 0.0772 85.71) 19.4%, oklch(59.33% 0.0797 85.70) 22.6%, oklch(61.13% 0.0821 85.71) 25.8%, oklch(62.86% 0.0843 85.73) 29.0%, oklch(64.46% 0.0863 85.77) 32.3%, oklch(65.94% 0.0879 85.82) 35.5%, oklch(67.40% 0.0897 85.90) 38.7%, oklch(68.85% 0.0914 86.01) 41.9%, oklch(70.28% 0.0932 86.12) 45.2%, oklch(71.69% 0.0948 86.25) 48.4%, oklch(73.08% 0.0962 86.37) 51.6%, oklch(74.45% 0.0973 86.50) 54.8%, oklch(75.78% 0.0981 86.61) 58.1%, oklch(77.07% 0.0984 86.72) 61.3%, oklch(78.32% 0.0983 86.80) 64.5%, oklch(79.54% 0.0975 86.85) 67.7%, oklch(80.76% 0.0958 86.89) 71.0%, oklch(81.98% 0.0934 86.91) 74.2%, oklch(83.20% 0.0904 86.92) 77.4%, oklch(84.38% 0.0870 86.91) 80.6%, oklch(85.52% 0.0834 86.90) 83.9%, oklch(86.58% 0.0798 86.89) 87.1%, oklch(87.56% 0.0764 86.87) 90.3%, oklch(88.43% 0.0733 86.85) 93.5%, oklch(89.17% 0.0707 86.84) 96.8%, oklch(89.76% 0.0689 86.84) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.488 | 0.065 | 85.8 |
| 2 | 0.65 | 0.087 | 85.8 |
| 3 | 0.791 | 0.098 | 86.8 |
| 4 | 0.898 | 0.069 | 86.8 |

## In these collections

- [Retro gradients](https://grabient.com/retro-gradients)

## Other forms

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