# Gold and bronze yellow palette

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

- Also called: Analogous yellow, orange and brown angular gradient
- Seed: `kS7F5HW7o8aYdPO`
- Page: https://grabient.com/kS7F5HW7o8aYdPO?style=angularGradient&steps=40&angle=225
- Drawn as: angular gradient, 40 steps, 225 degrees
- Kinds: light to dark, vivid, warm
- Hues: analogous
- Contrast of its darkest and lightest colors: 11.4 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 | `#fcea7f` | `oklch(92.91% 0.1295 99.84)` | Citrus Punch | black, 17.1 to 1 |
| 2 | `#fbe77b` | `oklch(92.35% 0.1305 99.00)` | Pineapple Juice | black, 16.8 to 1 |
| 3 | `#fbe577` | `oklch(91.74% 0.1319 98.01)` | Golden Glitter | black, 16.5 to 1 |
| 4 | `#fbe273` | `oklch(91.07% 0.1336 96.88)` | Sweet Corn | black, 16.1 to 1 |
| 5 | `#fadf6e` | `oklch(90.34% 0.1356 95.62)` | Pale Gold | black, 15.8 to 1 |
| 6 | `#fadb68` | `oklch(89.56% 0.1378 94.25)` | Huáng Jīn Zhōu Gold | black, 15.4 to 1 |
| 7 | `#fad762` | `oklch(88.73% 0.1402 92.78)` | Happy | black, 14.9 to 1 |
| 8 | `#fad35c` | `oklch(87.84% 0.1427 91.23)` | Salmon Eggs | black, 14.5 to 1 |
| 9 | `#f9cf55` | `oklch(86.90% 0.1453 89.61)` | Kournikova | black, 14 to 1 |
| 10 | `#f9ca4d` | `oklch(85.90% 0.1478 87.92)` | Go Bananas | black, 13.6 to 1 |
| 11 | `#f8c546` | `oklch(84.84% 0.1503 86.20)` | Cakepop Sorbet | black, 13.1 to 1 |
| 12 | `#f8c03e` | `oklch(83.74% 0.1526 84.45)` | Sweet Lemon | black, 12.6 to 1 |
| 13 | `#f7bb36` | `oklch(82.57% 0.1548 82.67)` | Yellow Groove | black, 12.1 to 1 |
| 14 | `#f5b62d` | `oklch(81.35% 0.1568 80.90)` | NYC Taxi | black, 11.5 to 1 |
| 15 | `#f4b024` | `oklch(80.07% 0.1584 79.14)` | Tangerine Twist | black, 11 to 1 |
| 16 | `#f2aa19` | `oklch(78.74% 0.1598 77.40)` | Squash | black, 10.5 to 1 |
| 17 | `#efa40d` | `oklch(77.35% 0.1607 75.70)` | Lemon Dream | black, 10 to 1 |
| 18 | `#ec9f00` | `oklch(75.91% 0.1608 74.04)` | Rowdy Orange | black, 9.5 to 1 |
| 19 | `#e89900` | `oklch(74.41% 0.1589 72.46)` | Pumpkin Yellow | black, 8.9 to 1 |
| 20 | `#e49300` | `oklch(72.85% 0.1569 70.96)` | Beige Red | black, 8.4 to 1 |
| 21 | `#df8e00` | `oklch(71.21% 0.1547 69.53)` | Harvest Eve Gold | black, 7.9 to 1 |
| 22 | `#d98700` | `oklch(69.39% 0.1522 68.08)` | Fleur de Sel Caramel | black, 7.4 to 1 |
| 23 | `#d28100` | `oklch(67.38% 0.1493 66.60)` | Copious Caramel | black, 6.8 to 1 |
| 24 | `#cb7a00` | `oklch(65.21% 0.1462 65.09)` | German Mustard | black, 6.3 to 1 |
| 25 | `#c37200` | `oklch(62.92% 0.1428 63.57)` | Dirty Orange | black, 5.7 to 1 |
| 26 | `#bb6b00` | `oklch(60.51% 0.1392 62.04)` | Indocile Tiger | black, 5.2 to 1 |
| 27 | `#b36400` | `oklch(58.02% 0.1354 60.52)` | Umber | black, 4.7 to 1 |
| 28 | `#aa5c00` | `oklch(55.48% 0.1314 59.00)` | Raw Umber | white, 4.9 to 1 |
| 29 | `#a15500` | `oklch(52.90% 0.1273 57.51)` | Windsor Brown | white, 5.5 to 1 |
| 30 | `#974e00` | `oklch(50.32% 0.1231 56.06)` | Warm Brown | white, 6.1 to 1 |
| 31 | `#8e4702` | `oklch(47.76% 0.1178 54.66)` | Korichnewyi Brown | white, 6.8 to 1 |
| 32 | `#844104` | `oklch(45.25% 0.1125 53.28)` | Chocolate Pancakes | white, 7.6 to 1 |
| 33 | `#7b3b05` | `oklch(42.81% 0.1073 51.95)` | Red Beech | white, 8.5 to 1 |
| 34 | `#733505` | `oklch(40.47% 0.1022 50.69)` | Bay Brown | white, 9.3 to 1 |
| 35 | `#6b3006` | `oklch(38.26% 0.0974 49.49)` | Cold Press Coffee | white, 10.2 to 1 |
| 36 | `#632b06` | `oklch(36.19% 0.0930 48.38)` | Count Chocula | white, 11.1 to 1 |
| 37 | `#5c2705` | `oklch(34.29% 0.0889 47.36)` | Hot Fudge | white, 12 to 1 |
| 38 | `#562305` | `oklch(32.60% 0.0853 46.43)` | Conker Brown | white, 12.7 to 1 |
| 39 | `#512005` | `oklch(31.14% 0.0823 45.60)` | Evil Cigar | white, 13.4 to 1 |
| 40 | `#4d1d04` | `oklch(29.92% 0.0799 44.89)` | Chocolate Rush | white, 14 to 1 |

## CSS

```css
background: conic-gradient(from 225deg, #fcea7f 0.0%, #fbe77b 2.6%, #fbe577 5.1%, #fbe273 7.7%, #fadf6e 10.3%, #fadb68 12.8%, #fad762 15.4%, #fad35c 17.9%, #f9cf55 20.5%, #f9ca4d 23.1%, #f8c546 25.6%, #f8c03e 28.2%, #f7bb36 30.8%, #f5b62d 33.3%, #f4b024 35.9%, #f2aa19 38.5%, #efa40d 41.0%, #ec9f00 43.6%, #e89900 46.2%, #e49300 48.7%, #df8e00 51.3%, #d98700 53.8%, #d28100 56.4%, #cb7a00 59.0%, #c37200 61.5%, #bb6b00 64.1%, #b36400 66.7%, #aa5c00 69.2%, #a15500 71.8%, #974e00 74.4%, #8e4702 76.9%, #844104 79.5%, #7b3b05 82.1%, #733505 84.6%, #6b3006 87.2%, #632b06 89.7%, #5c2705 92.3%, #562305 94.9%, #512005 97.4%, #4d1d04 100.0%);
background: conic-gradient(from 225deg in oklch, oklch(92.91% 0.1295 99.84) 0.0%, oklch(92.35% 0.1305 99.00) 2.6%, oklch(91.74% 0.1319 98.01) 5.1%, oklch(91.07% 0.1336 96.88) 7.7%, oklch(90.34% 0.1356 95.62) 10.3%, oklch(89.56% 0.1378 94.25) 12.8%, oklch(88.73% 0.1402 92.78) 15.4%, oklch(87.84% 0.1427 91.23) 17.9%, oklch(86.90% 0.1453 89.61) 20.5%, oklch(85.90% 0.1478 87.92) 23.1%, oklch(84.84% 0.1503 86.20) 25.6%, oklch(83.74% 0.1526 84.45) 28.2%, oklch(82.57% 0.1548 82.67) 30.8%, oklch(81.35% 0.1568 80.90) 33.3%, oklch(80.07% 0.1584 79.14) 35.9%, oklch(78.74% 0.1598 77.40) 38.5%, oklch(77.35% 0.1607 75.70) 41.0%, oklch(75.91% 0.1608 74.04) 43.6%, oklch(74.41% 0.1589 72.46) 46.2%, oklch(72.85% 0.1569 70.96) 48.7%, oklch(71.21% 0.1547 69.53) 51.3%, oklch(69.39% 0.1522 68.08) 53.8%, oklch(67.38% 0.1493 66.60) 56.4%, oklch(65.21% 0.1462 65.09) 59.0%, oklch(62.92% 0.1428 63.57) 61.5%, oklch(60.51% 0.1392 62.04) 64.1%, oklch(58.02% 0.1354 60.52) 66.7%, oklch(55.48% 0.1314 59.00) 69.2%, oklch(52.90% 0.1273 57.51) 71.8%, oklch(50.32% 0.1231 56.06) 74.4%, oklch(47.76% 0.1178 54.66) 76.9%, oklch(45.25% 0.1125 53.28) 79.5%, oklch(42.81% 0.1073 51.95) 82.1%, oklch(40.47% 0.1022 50.69) 84.6%, oklch(38.26% 0.0974 49.49) 87.2%, oklch(36.19% 0.0930 48.38) 89.7%, oklch(34.29% 0.0889 47.36) 92.3%, oklch(32.60% 0.0853 46.43) 94.9%, oklch(31.14% 0.0823 45.60) 97.4%, oklch(29.92% 0.0799 44.89) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.929 | 0.13 | 99.8 |
| 2 | 0.72 | 0.16 | 70.3 |
| 3 | 0.299 | 0.08 | 44.9 |

## In these collections

- [Yellow gradients](https://grabient.com/yellow-gradients)

## Other forms

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