# Bronze and ochre sequential data palette

This palette moves from gold to pale yellow. It steadily lightens across a broad lightness range, combining moderate color with clear contrast. Its balanced and composed character suits information graphics and map mood boards, especially compositions that need a controlled shift between darker and lighter areas.

- Also called: Analogous brown, yellow and beige linear gradient
- Seed: `kUWTI4zStA-s3wZ6mr_A`
- Page: https://grabient.com/kUWTI4zStA-s3wZ6mr_A?steps=32&angle=225
- Drawn as: linear gradient, 32 steps, 225 degrees
- Kinds: dark to light, pastel, warm
- Hues: monochromatic
- Contrast of its darkest and lightest colors: 10.3 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 | `#4d3605` | `oklch(35.04% 0.0689 79.45)` | Eyelash Camel | white, 11.3 to 1 |
| 2 | `#523906` | `oklch(36.51% 0.0718 79.92)` | Pineapple | white, 10.7 to 1 |
| 3 | `#583e06` | `oklch(38.41% 0.0756 80.48)` | Pineapple | white, 9.9 to 1 |
| 4 | `#5f4407` | `oklch(40.66% 0.0801 81.13)` | Mud Brown | white, 9 to 1 |
| 5 | `#674b08` | `oklch(43.18% 0.0852 81.87)` | Antique Bronze | white, 8.1 to 1 |
| 6 | `#705209` | `oklch(45.89% 0.0906 82.68)` | Field Drab | white, 7.2 to 1 |
| 7 | `#7a5a0a` | `oklch(48.73% 0.0962 83.56)` | Blackfire Earth | white, 6.3 to 1 |
| 8 | `#83620c` | `oklch(51.62% 0.1019 84.49)` | Rat Brown | white, 5.6 to 1 |
| 9 | `#8c6a0e` | `oklch(54.48% 0.1073 85.47)` | Muddy Brown | white, 5 to 1 |
| 10 | `#957210` | `oklch(57.24% 0.1125 86.50)` | Sandy Taupe | black, 4.7 to 1 |
| 11 | `#9d7a13` | `oklch(59.82% 0.1171 87.55)` | Yellowish Brown | black, 5.2 to 1 |
| 12 | `#a58216` | `oklch(62.23% 0.1214 88.67)` | Brazen | black, 5.7 to 1 |
| 13 | `#ac8a17` | `oklch(64.68% 0.1262 89.98)` | Yellow Brown | black, 6.3 to 1 |
| 14 | `#b39219` | `oklch(67.15% 0.1313 91.44)` | Faint Gold | black, 7 to 1 |
| 15 | `#ba9a1a` | `oklch(69.62% 0.1365 92.99)` | Buddha Gold | black, 7.7 to 1 |
| 16 | `#c1a31c` | `oklch(72.07% 0.1415 94.58)` | Pickle Juice | black, 8.4 to 1 |
| 17 | `#c8ab1f` | `oklch(74.47% 0.1460 96.15)` | Christmas Gold | black, 9.2 to 1 |
| 18 | `#ceb325` | `oklch(76.79% 0.1498 97.65)` | Grass Daisy | black, 10.1 to 1 |
| 19 | `#d3bb2b` | `oklch(79.02% 0.1526 99.02)` | Indian Pale Ale | black, 10.9 to 1 |
| 20 | `#d8c334` | `oklch(81.11% 0.1540 100.21)` | Seed Pod | black, 11.7 to 1 |
| 21 | `#ddca3e` | `oklch(83.05% 0.1540 101.17)` | Confetti | black, 12.5 to 1 |
| 22 | `#e2d048` | `oklch(84.82% 0.1521 101.83)` | Golden Relic | black, 13.3 to 1 |
| 23 | `#e6d655` | `oklch(86.47% 0.1477 102.22)` | Kowloon | black, 14 to 1 |
| 24 | `#eadb63` | `oklch(88.02% 0.1411 102.39)` | Pollination | black, 14.7 to 1 |
| 25 | `#ede071` | `oklch(89.46% 0.1328 102.36)` | Banana Ball | black, 15.4 to 1 |
| 26 | `#f1e47f` | `oklch(90.80% 0.1234 102.19)` | Spring Yellow | black, 16.1 to 1 |
| 27 | `#f4e88c` | `oklch(92.03% 0.1135 101.93)` | Bright Khaki | black, 16.7 to 1 |
| 28 | `#f6eb99` | `oklch(93.14% 0.1034 101.60)` | Calabash | black, 17.3 to 1 |
| 29 | `#f9eea4` | `oklch(94.15% 0.0938 101.26)` | Cream and Butter | black, 17.8 to 1 |
| 30 | `#fbf1ae` | `oklch(95.04% 0.0852 100.95)` | Paper Tiger | black, 18.2 to 1 |
| 31 | `#fcf3b7` | `oklch(95.81% 0.0781 100.71)` | Dandelion Wine | black, 18.7 to 1 |
| 32 | `#fef5bd` | `oklch(96.46% 0.0730 100.59)` | Gentle Yellow | black, 19 to 1 |

## CSS

```css
background: linear-gradient(225deg, #4d3605 0.0%, #523906 3.2%, #583e06 6.5%, #5f4407 9.7%, #674b08 12.9%, #705209 16.1%, #7a5a0a 19.4%, #83620c 22.6%, #8c6a0e 25.8%, #957210 29.0%, #9d7a13 32.3%, #a58216 35.5%, #ac8a17 38.7%, #b39219 41.9%, #ba9a1a 45.2%, #c1a31c 48.4%, #c8ab1f 51.6%, #ceb325 54.8%, #d3bb2b 58.1%, #d8c334 61.3%, #ddca3e 64.5%, #e2d048 67.7%, #e6d655 71.0%, #eadb63 74.2%, #ede071 77.4%, #f1e47f 80.6%, #f4e88c 83.9%, #f6eb99 87.1%, #f9eea4 90.3%, #fbf1ae 93.5%, #fcf3b7 96.8%, #fef5bd 100.0%);
background: linear-gradient(225deg in oklch, oklch(35.04% 0.0689 79.45) 0.0%, oklch(36.51% 0.0718 79.92) 3.2%, oklch(38.41% 0.0756 80.48) 6.5%, oklch(40.66% 0.0801 81.13) 9.7%, oklch(43.18% 0.0852 81.87) 12.9%, oklch(45.89% 0.0906 82.68) 16.1%, oklch(48.73% 0.0962 83.56) 19.4%, oklch(51.62% 0.1019 84.49) 22.6%, oklch(54.48% 0.1073 85.47) 25.8%, oklch(57.24% 0.1125 86.50) 29.0%, oklch(59.82% 0.1171 87.55) 32.3%, oklch(62.23% 0.1214 88.67) 35.5%, oklch(64.68% 0.1262 89.98) 38.7%, oklch(67.15% 0.1313 91.44) 41.9%, oklch(69.62% 0.1365 92.99) 45.2%, oklch(72.07% 0.1415 94.58) 48.4%, oklch(74.47% 0.1460 96.15) 51.6%, oklch(76.79% 0.1498 97.65) 54.8%, oklch(79.02% 0.1526 99.02) 58.1%, oklch(81.11% 0.1540 100.21) 61.3%, oklch(83.05% 0.1540 101.17) 64.5%, oklch(84.82% 0.1521 101.83) 67.7%, oklch(86.47% 0.1477 102.22) 71.0%, oklch(88.02% 0.1411 102.39) 74.2%, oklch(89.46% 0.1328 102.36) 77.4%, oklch(90.80% 0.1234 102.19) 80.6%, oklch(92.03% 0.1135 101.93) 83.9%, oklch(93.14% 0.1034 101.60) 87.1%, oklch(94.15% 0.0938 101.26) 90.3%, oklch(95.04% 0.0852 100.95) 93.5%, oklch(95.81% 0.0781 100.71) 96.8%, oklch(96.46% 0.0730 100.59) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.35 | 0.069 | 79.5 |
| 2 | 0.606 | 0.119 | 87.9 |
| 3 | 0.843 | 0.153 | 101.6 |
| 4 | 0.965 | 0.073 | 100.6 |

## In these collections

- [Sequential data gradients](https://grabient.com/sequential-data-gradients)

## Other forms

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