# Bronze, mustard and emerald banana leaf feast

The Bronze, mustard and emerald banana leaf feast brings together orange, gold, and green. The colors span a narrow lightness range, combining strong color with gentle contrast. Its balanced and composed character suits brand mood boards and editorial graphics. Its darkest tone is orange, and its lightest tone is gold.

- Also called: Vivid tritone orange, mustard and green radial gradient
- Seed: `kWlXUg2zVC-Q1RDiNkL1SrCQ`
- Page: https://grabient.com/kWlXUg2zVC-Q1RDiNkL1SrCQ?style=radialGradient&steps=32&angle=225
- Drawn as: radial gradient, 32 steps, 225 degrees
- Kinds: vivid
- Hues: wide
- Contrast of its darkest and lightest colors: 2.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 | `#c6550c` | `oklch(58.66% 0.1612 45.70)` | Rust Orange | black, 4.7 to 1 |
| 2 | `#c95a0b` | `oklch(59.74% 0.1599 47.66)` | Rusty Orange | black, 4.9 to 1 |
| 3 | `#cc610b` | `oklch(61.24% 0.1580 50.19)` | Kvass | black, 5.2 to 1 |
| 4 | `#cf690d` | `oklch(63.02% 0.1558 53.19)` | Cinnamon | black, 5.6 to 1 |
| 5 | `#d37211` | `oklch(64.96% 0.1533 56.58)` | Marmalade | black, 6.1 to 1 |
| 6 | `#d67b15` | `oklch(66.95% 0.1509 60.26)` | Orange Pepper | black, 6.7 to 1 |
| 7 | `#d9841a` | `oklch(68.86% 0.1488 64.12)` | Dulce de Leche | black, 7.2 to 1 |
| 8 | `#db8c1d` | `oklch(70.57% 0.1470 68.09)` | Turmeric Tea | black, 7.7 to 1 |
| 9 | `#dc9320` | `oklch(71.98% 0.1458 72.07)` | Buttercup | black, 8.2 to 1 |
| 10 | `#db9a21` | `oklch(73.23% 0.1452 76.38)` | New England Autumn | black, 8.6 to 1 |
| 11 | `#daa123` | `oklch(74.40% 0.1449 81.04)` | Zamesi Desert | black, 9.1 to 1 |
| 12 | `#d8a826` | `oklch(75.49% 0.1449 85.92)` | Galliano | black, 9.5 to 1 |
| 13 | `#d5ae2a` | `oklch(76.46% 0.1450 90.90)` | Metallic Gold | black, 9.9 to 1 |
| 14 | `#d1b430` | `oklch(77.30% 0.1453 95.81)` | Old Gold | black, 10.2 to 1 |
| 15 | `#cdb936` | `oklch(78.00% 0.1457 100.55)` | Yellowstone | black, 10.5 to 1 |
| 16 | `#c7be3c` | `oklch(78.54% 0.1460 104.95)` | Pyrite Yellow | black, 10.8 to 1 |
| 17 | `#c2c142` | `oklch(78.90% 0.1462 108.94)` | Pyrite Yellow | black, 11 to 1 |
| 18 | `#bcc447` | `oklch(79.11% 0.1469 112.65)` | Tropic Canary | black, 11.1 to 1 |
| 19 | `#b6c64b` | `oklch(79.18% 0.1480 116.14)` | Rainforest Glow | black, 11.2 to 1 |
| 20 | `#b0c84f` | `oklch(79.10% 0.1490 119.46)` | Acid Candy | black, 11.2 to 1 |
| 21 | `#a9c952` | `oklch(78.88% 0.1500 122.63)` | Acid Candy | black, 11.1 to 1 |
| 22 | `#a2ca56` | `oklch(78.51% 0.1505 125.70)` | Two Peas in a Pod | black, 11 to 1 |
| 23 | `#9ac95a` | `oklch(78.01% 0.1503 128.68)` | Spring Lime | black, 10.9 to 1 |
| 24 | `#92c95e` | `oklch(77.35% 0.1492 131.62)` | Vivid Spring | black, 10.7 to 1 |
| 25 | `#89c763` | `oklch(76.47% 0.1470 134.59)` | Vivid Spring | black, 10.4 to 1 |
| 26 | `#80c467` | `oklch(75.24% 0.1434 137.64)` | Fierce Mantis | black, 9.9 to 1 |
| 27 | `#77bf6a` | `oklch(73.76% 0.1388 140.69)` | Dublin | black, 9.4 to 1 |
| 28 | `#6eba6d` | `oklch(72.15% 0.1338 143.63)` | Citronella | black, 8.9 to 1 |
| 29 | `#66b56f` | `oklch(70.55% 0.1287 146.37)` | Forest Fern | black, 8.4 to 1 |
| 30 | `#60b170` | `oklch(69.06% 0.1239 148.81)` | Pale Green | black, 7.9 to 1 |
| 31 | `#5aac71` | `oklch(67.81% 0.1199 150.87)` | Glen | black, 7.6 to 1 |
| 32 | `#57aa71` | `oklch(66.93% 0.1171 152.44)` | Sēn Lín Lǜ Forest | black, 7.3 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #c6550c 0.0%, #c95a0b 3.2%, #cc610b 6.5%, #cf690d 9.7%, #d37211 12.9%, #d67b15 16.1%, #d9841a 19.4%, #db8c1d 22.6%, #dc9320 25.8%, #db9a21 29.0%, #daa123 32.3%, #d8a826 35.5%, #d5ae2a 38.7%, #d1b430 41.9%, #cdb936 45.2%, #c7be3c 48.4%, #c2c142 51.6%, #bcc447 54.8%, #b6c64b 58.1%, #b0c84f 61.3%, #a9c952 64.5%, #a2ca56 67.7%, #9ac95a 71.0%, #92c95e 74.2%, #89c763 77.4%, #80c467 80.6%, #77bf6a 83.9%, #6eba6d 87.1%, #66b56f 90.3%, #60b170 93.5%, #5aac71 96.8%, #57aa71 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(58.66% 0.1612 45.70) 0.0%, oklch(59.74% 0.1599 47.66) 3.2%, oklch(61.24% 0.1580 50.19) 6.5%, oklch(63.02% 0.1558 53.19) 9.7%, oklch(64.96% 0.1533 56.58) 12.9%, oklch(66.95% 0.1509 60.26) 16.1%, oklch(68.86% 0.1488 64.12) 19.4%, oklch(70.57% 0.1470 68.09) 22.6%, oklch(71.98% 0.1458 72.07) 25.8%, oklch(73.23% 0.1452 76.38) 29.0%, oklch(74.40% 0.1449 81.04) 32.3%, oklch(75.49% 0.1449 85.92) 35.5%, oklch(76.46% 0.1450 90.90) 38.7%, oklch(77.30% 0.1453 95.81) 41.9%, oklch(78.00% 0.1457 100.55) 45.2%, oklch(78.54% 0.1460 104.95) 48.4%, oklch(78.90% 0.1462 108.94) 51.6%, oklch(79.11% 0.1469 112.65) 54.8%, oklch(79.18% 0.1480 116.14) 58.1%, oklch(79.10% 0.1490 119.46) 61.3%, oklch(78.88% 0.1500 122.63) 64.5%, oklch(78.51% 0.1505 125.70) 67.7%, oklch(78.01% 0.1503 128.68) 71.0%, oklch(77.35% 0.1492 131.62) 74.2%, oklch(76.47% 0.1470 134.59) 77.4%, oklch(75.24% 0.1434 137.64) 80.6%, oklch(73.76% 0.1388 140.69) 83.9%, oklch(72.15% 0.1338 143.63) 87.1%, oklch(70.55% 0.1287 146.37) 90.3%, oklch(69.06% 0.1239 148.81) 93.5%, oklch(67.81% 0.1199 150.87) 96.8%, oklch(66.93% 0.1171 152.44) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.587 | 0.161 | 45.7 |
| 2 | 0.717 | 0.146 | 71.1 |
| 3 | 0.787 | 0.146 | 107 |
| 4 | 0.772 | 0.149 | 132.4 |
| 5 | 0.669 | 0.117 | 152.4 |

## In these collections

- [Banana leaf feast](https://grabient.com/banana-leaf-feast)

## Other forms

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