# Gold, moss and navy banana leaf feast

Tritone tan, green and navy radial gradient with 32 colors: #f4dd99, #f1da95, #ecd78f, #e5d389, #dece81, #d6c97a, #cec473, #c4bf6d, #b9ba68, #adb562, #a1af5e, #94aa5a, #87a457, #7b9e53, #70984f, #64914b, #588b48, #4c8445, #407e44, #357844, #2d7145, #286a45, #256446, #225d46, #1e5747, #185249, #0e4d4c, #074750, #0c4154, #173a57, #203456, #263055. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Tritone tan, green and navy radial gradient
- Seed: `kY5UFBZqXBVUnwtCp0JMxbDiiYyu`
- Page: https://grabient.com/kY5UFBZqXBVUnwtCp0JMxbDiiYyu?style=radialGradient&steps=32&angle=315
- Drawn as: radial gradient, 32 steps, 315 degrees
- Kinds: light to dark, multicolor
- Hues: analogous
- Contrast of its darkest and lightest colors: 9.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 | `#f4dd99` | `oklch(90.16% 0.0896 91.41)` | Sunbathed | black, 15.6 to 1 |
| 2 | `#f1da95` | `oklch(89.22% 0.0911 92.48)` | Poached Egg | black, 15.2 to 1 |
| 3 | `#ecd78f` | `oklch(87.96% 0.0933 93.85)` | Natural Yellow | black, 14.6 to 1 |
| 4 | `#e5d389` | `oklch(86.46% 0.0958 95.52)` | Artichoke Heart | black, 13.9 to 1 |
| 5 | `#dece81` | `oklch(84.77% 0.0985 97.50)` | Master Gardener | black, 13.2 to 1 |
| 6 | `#d6c97a` | `oklch(82.95% 0.1010 99.81)` | March Tulip Green | black, 12.5 to 1 |
| 7 | `#cec473` | `oklch(81.08% 0.1030 102.46)` | Muted Lime | black, 11.7 to 1 |
| 8 | `#c4bf6d` | `oklch(79.15% 0.1045 105.58)` | Go Go Lime | black, 11 to 1 |
| 9 | `#b9ba68` | `oklch(77.05% 0.1058 109.29)` | Citrus Peel | black, 10.3 to 1 |
| 10 | `#adb562` | `oklch(74.82% 0.1068 113.38)` | Green Me | black, 9.5 to 1 |
| 11 | `#a1af5e` | `oklch(72.52% 0.1076 117.65)` | Stay in Lime | black, 8.8 to 1 |
| 12 | `#94aa5a` | `oklch(70.18% 0.1082 121.88)` | Springtide Melodies | black, 8.1 to 1 |
| 13 | `#87a457` | `oklch(67.85% 0.1087 125.86)` | Chelsea Cucumber | black, 7.4 to 1 |
| 14 | `#7b9e53` | `oklch(65.54% 0.1092 129.40)` | Frankenstein | black, 6.8 to 1 |
| 15 | `#70984f` | `oklch(63.17% 0.1101 132.56)` | Bavarian Green | black, 6.2 to 1 |
| 16 | `#64914b` | `oklch(60.76% 0.1110 135.51)` | Field Time Green | black, 5.7 to 1 |
| 17 | `#588b48` | `oklch(58.34% 0.1115 138.46)` | Belfast | black, 5.1 to 1 |
| 18 | `#4c8445` | `oklch(55.97% 0.1111 141.59)` | Beanpole | black, 4.7 to 1 |
| 19 | `#407e44` | `oklch(53.68% 0.1094 145.07)` | Hills of Ireland | white, 4.8 to 1 |
| 20 | `#357844` | `oklch(51.50% 0.1057 148.97)` | Cucumber Queen | white, 5.3 to 1 |
| 21 | `#2d7145` | `oklch(49.37% 0.0992 152.39)` | Felt | white, 5.8 to 1 |
| 22 | `#286a45` | `oklch(47.29% 0.0907 155.65)` | Billiard Ball | white, 6.4 to 1 |
| 23 | `#256446` | `oklch(45.27% 0.0815 159.40)` | Brunswick | white, 7 to 1 |
| 24 | `#225d46` | `oklch(43.34% 0.0728 164.29)` | Greenbriar | white, 7.6 to 1 |
| 25 | `#1e5747` | `oklch(41.52% 0.0657 170.98)` | Bagpiper | white, 8.3 to 1 |
| 26 | `#185249` | `oklch(39.83% 0.0614 180.16)` | Lacustral | white, 8.9 to 1 |
| 27 | `#0e4d4c` | `oklch(38.18% 0.0599 193.54)` | Port Malmesbury | white, 9.6 to 1 |
| 28 | `#074750` | `oklch(36.60% 0.0604 210.23)` | Midnight Green | white, 10.3 to 1 |
| 29 | `#0c4154` | `oklch(35.12% 0.0621 228.28)` | Crab Nebula | white, 11 to 1 |
| 30 | `#173a57` | `oklch(33.81% 0.0644 245.74)` | Gibraltar Sea | white, 11.7 to 1 |
| 31 | `#203456` | `oklch(32.71% 0.0664 260.65)` | Boatswain | white, 12.4 to 1 |
| 32 | `#263055` | `oklch(31.89% 0.0675 271.05)` | Boatswain | white, 12.8 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #f4dd99 0.0%, #f1da95 3.2%, #ecd78f 6.5%, #e5d389 9.7%, #dece81 12.9%, #d6c97a 16.1%, #cec473 19.4%, #c4bf6d 22.6%, #b9ba68 25.8%, #adb562 29.0%, #a1af5e 32.3%, #94aa5a 35.5%, #87a457 38.7%, #7b9e53 41.9%, #70984f 45.2%, #64914b 48.4%, #588b48 51.6%, #4c8445 54.8%, #407e44 58.1%, #357844 61.3%, #2d7145 64.5%, #286a45 67.7%, #256446 71.0%, #225d46 74.2%, #1e5747 77.4%, #185249 80.6%, #0e4d4c 83.9%, #074750 87.1%, #0c4154 90.3%, #173a57 93.5%, #203456 96.8%, #263055 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(90.16% 0.0896 91.41) 0.0%, oklch(89.22% 0.0911 92.48) 3.2%, oklch(87.96% 0.0933 93.85) 6.5%, oklch(86.46% 0.0958 95.52) 9.7%, oklch(84.77% 0.0985 97.50) 12.9%, oklch(82.95% 0.1010 99.81) 16.1%, oklch(81.08% 0.1030 102.46) 19.4%, oklch(79.15% 0.1045 105.58) 22.6%, oklch(77.05% 0.1058 109.29) 25.8%, oklch(74.82% 0.1068 113.38) 29.0%, oklch(72.52% 0.1076 117.65) 32.3%, oklch(70.18% 0.1082 121.88) 35.5%, oklch(67.85% 0.1087 125.86) 38.7%, oklch(65.54% 0.1092 129.40) 41.9%, oklch(63.17% 0.1101 132.56) 45.2%, oklch(60.76% 0.1110 135.51) 48.4%, oklch(58.34% 0.1115 138.46) 51.6%, oklch(55.97% 0.1111 141.59) 54.8%, oklch(53.68% 0.1094 145.07) 58.1%, oklch(51.50% 0.1057 148.97) 61.3%, oklch(49.37% 0.0992 152.39) 64.5%, oklch(47.29% 0.0907 155.65) 67.7%, oklch(45.27% 0.0815 159.40) 71.0%, oklch(43.34% 0.0728 164.29) 74.2%, oklch(41.52% 0.0657 170.98) 77.4%, oklch(39.83% 0.0614 180.16) 80.6%, oklch(38.18% 0.0599 193.54) 83.9%, oklch(36.60% 0.0604 210.23) 87.1%, oklch(35.12% 0.0621 228.28) 90.3%, oklch(33.81% 0.0644 245.74) 93.5%, oklch(32.71% 0.0664 260.65) 96.8%, oklch(31.89% 0.0675 271.05) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.902 | 0.09 | 91.4 |
| 2 | 0.807 | 0.103 | 103 |
| 3 | 0.669 | 0.109 | 127.3 |
| 4 | 0.524 | 0.107 | 147.4 |
| 5 | 0.402 | 0.062 | 178.1 |
| 6 | 0.319 | 0.068 | 271.1 |

## In these collections

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

## Other forms

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