# Basket brown and leaf green glow

A dark brown center opens through ochre and golden straw before reaching a muted leaf green edge. The radial gradient concentrates its warmest light between the darker center and the cooler outer color. Use this earthy Afro bohemian palette for interior mood boards, craft packaging, and backgrounds inspired by baskets and foliage.

- Also called: Brown, tan and green radial gradient
- Seed: `kUWCAlT6xCOQkwa7GkYA`
- Page: https://grabient.com/kUWCAlT6xCOQkwa7GkYA?style=radialGradient&steps=32&angle=0
- Drawn as: radial gradient, 32 steps, 0 degrees
- Kinds: light center, warm
- Hues: analogous
- Contrast of its darkest and lightest colors: 5.9 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 | `#4c3324` | `oklch(34.65% 0.0441 52.03)` | Sepia Brown | white, 11.6 to 1 |
| 2 | `#523725` | `oklch(36.30% 0.0489 53.14)` | Bramble Bush | white, 10.8 to 1 |
| 3 | `#5b3b26` | `oklch(38.47% 0.0557 54.58)` | Carnaby Tan | white, 9.9 to 1 |
| 4 | `#654127` | `oklch(41.07% 0.0638 56.29)` | Van Dyke Brown | white, 8.9 to 1 |
| 5 | `#704827` | `oklch(43.98% 0.0728 58.21)` | Pickled Bean | white, 7.9 to 1 |
| 6 | `#7c4f27` | `oklch(47.08% 0.0824 60.26)` | Brown-Noser | white, 6.9 to 1 |
| 7 | `#895726` | `oklch(50.28% 0.0919 62.40)` | Precious Copper | white, 6 to 1 |
| 8 | `#955f25` | `oklch(53.47% 0.1009 64.56)` | Chilli Con Carne | white, 5.3 to 1 |
| 9 | `#a06823` | `oklch(56.53% 0.1089 66.67)` | Stage Gold | white, 4.6 to 1 |
| 10 | `#aa7023` | `oklch(59.37% 0.1155 68.67)` | Buckthorn Brown | black, 5 to 1 |
| 11 | `#b37723` | `oklch(61.86% 0.1202 70.49)` | Toffee Sauce | black, 5.5 to 1 |
| 12 | `#ba7f27` | `oklch(64.07% 0.1227 72.05)` | Nouveau Green | black, 6.1 to 1 |
| 13 | `#c1862e` | `oklch(66.40% 0.1236 73.28)` | Simply Sienna | black, 6.7 to 1 |
| 14 | `#c78e36` | `oklch(68.80% 0.1231 74.26)` | Child of the Moon | black, 7.3 to 1 |
| 15 | `#ce9640` | `oklch(71.17% 0.1215 75.11)` | Mayan Treasure | black, 8 to 1 |
| 16 | `#d49e4a` | `oklch(73.40% 0.1190 75.95)` | Saffron Robe | black, 8.7 to 1 |
| 17 | `#d8a554` | `oklch(75.40% 0.1160 76.89)` | Plantain Chips | black, 9.4 to 1 |
| 18 | `#dcab5c` | `oklch(77.07% 0.1125 78.04)` | Old Whiskey | black, 10 to 1 |
| 19 | `#ddb063` | `oklch(78.31% 0.1089 79.51)` | Stranglethorn Ochre | black, 10.5 to 1 |
| 20 | `#ddb468` | `oklch(79.01% 0.1055 81.41)` | Burst of Gold | black, 10.7 to 1 |
| 21 | `#dab56b` | `oklch(79.09% 0.1023 83.86)` | Yellow Lab | black, 10.8 to 1 |
| 22 | `#d4b56b` | `oklch(78.41% 0.0998 86.99)` | Golden Pagoda | black, 10.6 to 1 |
| 23 | `#cab168` | `oklch(76.71% 0.0971 91.09)` | Canadian Maple | black, 10 to 1 |
| 24 | `#bdab64` | `oklch(74.09% 0.0940 96.06)` | Slender Stem | black, 9.1 to 1 |
| 25 | `#aca35e` | `oklch(70.77% 0.0908 101.64)` | Wholemeal Cookie | black, 8.1 to 1 |
| 26 | `#9b9958` | `oklch(66.98% 0.0876 107.59)` | Stem | black, 7 to 1 |
| 27 | `#888f51` | `oklch(62.92% 0.0843 113.68)` | Vintage Vibe | black, 6 to 1 |
| 28 | `#77844b` | `oklch(58.83% 0.0811 119.65)` | Grasshopper | black, 5.1 to 1 |
| 29 | `#677946` | `oklch(54.92% 0.0782 125.27)` | Ghoul | white, 4.7 to 1 |
| 30 | `#587041` | `oklch(51.40% 0.0756 130.31)` | Loire Valley | white, 5.5 to 1 |
| 31 | `#4d683d` | `oklch(48.51% 0.0733 134.50)` | Mountain Forest | white, 6.2 to 1 |
| 32 | `#45633a` | `oklch(46.46% 0.0717 137.63)` | Plasticine | white, 6.7 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #4c3324 0.0%, #523725 3.2%, #5b3b26 6.5%, #654127 9.7%, #704827 12.9%, #7c4f27 16.1%, #895726 19.4%, #955f25 22.6%, #a06823 25.8%, #aa7023 29.0%, #b37723 32.3%, #ba7f27 35.5%, #c1862e 38.7%, #c78e36 41.9%, #ce9640 45.2%, #d49e4a 48.4%, #d8a554 51.6%, #dcab5c 54.8%, #ddb063 58.1%, #ddb468 61.3%, #dab56b 64.5%, #d4b56b 67.7%, #cab168 71.0%, #bdab64 74.2%, #aca35e 77.4%, #9b9958 80.6%, #888f51 83.9%, #77844b 87.1%, #677946 90.3%, #587041 93.5%, #4d683d 96.8%, #45633a 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(34.65% 0.0441 52.03) 0.0%, oklch(36.30% 0.0489 53.14) 3.2%, oklch(38.47% 0.0557 54.58) 6.5%, oklch(41.07% 0.0638 56.29) 9.7%, oklch(43.98% 0.0728 58.21) 12.9%, oklch(47.08% 0.0824 60.26) 16.1%, oklch(50.28% 0.0919 62.40) 19.4%, oklch(53.47% 0.1009 64.56) 22.6%, oklch(56.53% 0.1089 66.67) 25.8%, oklch(59.37% 0.1155 68.67) 29.0%, oklch(61.86% 0.1202 70.49) 32.3%, oklch(64.07% 0.1227 72.05) 35.5%, oklch(66.40% 0.1236 73.28) 38.7%, oklch(68.80% 0.1231 74.26) 41.9%, oklch(71.17% 0.1215 75.11) 45.2%, oklch(73.40% 0.1190 75.95) 48.4%, oklch(75.40% 0.1160 76.89) 51.6%, oklch(77.07% 0.1125 78.04) 54.8%, oklch(78.31% 0.1089 79.51) 58.1%, oklch(79.01% 0.1055 81.41) 61.3%, oklch(79.09% 0.1023 83.86) 64.5%, oklch(78.41% 0.0998 86.99) 67.7%, oklch(76.71% 0.0971 91.09) 71.0%, oklch(74.09% 0.0940 96.06) 74.2%, oklch(70.77% 0.0908 101.64) 77.4%, oklch(66.98% 0.0876 107.59) 80.6%, oklch(62.92% 0.0843 113.68) 83.9%, oklch(58.83% 0.0811 119.65) 87.1%, oklch(54.92% 0.0782 125.27) 90.3%, oklch(51.40% 0.0756 130.31) 93.5%, oklch(48.51% 0.0733 134.50) 96.8%, oklch(46.46% 0.0717 137.63) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.346 | 0.044 | 52 |
| 2 | 0.626 | 0.121 | 71.1 |
| 3 | 0.787 | 0.101 | 85.8 |
| 4 | 0.465 | 0.072 | 137.6 |

## In these collections

- [Afro bohemian](https://grabient.com/afro-bohemian)

## Other forms

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