# Near-black, orange and sage amber beer hall

The Near-black, orange and sage amber beer hall brings together dark gray, orange, gold, and green. The colors span a broad lightness range, combining moderate color with clear contrast. Its balanced and composed character suits brand mood boards and editorial graphics. Its darkest tone is dark gray, and its lightest tone is gold.

- Also called: Brown, orange, tan and dark green radial gradient
- Seed: `kUSAdF1zQ72YwQq1lscg`
- Page: https://grabient.com/kUSAdF1zQ72YwQq1lscg?style=radialGradient&steps=32&angle=0
- Drawn as: radial gradient, 32 steps, 0 degrees
- Kinds: light center, vivid, warm
- Hues: analogous
- Contrast of its darkest and lightest colors: 8 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 | `#2b2a24` | `oklch(28.35% 0.0096 97.73)` | Maire | white, 14.4 to 1 |
| 2 | `#323026` | `oklch(30.77% 0.0179 95.49)` | Night Green | white, 13.2 to 1 |
| 3 | `#3d3826` | `oklch(34.02% 0.0293 92.30)` | Birch | white, 11.7 to 1 |
| 4 | `#4c4127` | `oklch(37.92% 0.0430 88.42)` | Onion | white, 10 to 1 |
| 5 | `#5d4b26` | `oklch(42.27% 0.0583 84.10)` | Bronze Olive | white, 8.3 to 1 |
| 6 | `#715525` | `oklch(46.90% 0.0744 79.60)` | Horses Neck | white, 6.9 to 1 |
| 7 | `#866023` | `oklch(51.62% 0.0907 75.16)` | Kumera | white, 5.6 to 1 |
| 8 | `#9c6922` | `oklch(56.23% 0.1062 71.04)` | Stage Gold | white, 4.7 to 1 |
| 9 | `#b17222` | `oklch(60.56% 0.1203 67.49)` | Hamtaro Brown | black, 5.2 to 1 |
| 10 | `#c47a23` | `oklch(64.42% 0.1322 64.77)` | Maine Coon Orange | black, 6.1 to 1 |
| 11 | `#d38125` | `oklch(67.62% 0.1411 63.13)` | Yellow Mandarin | black, 6.9 to 1 |
| 12 | `#de8728` | `oklch(70.16% 0.1468 62.65)` | French Toast | black, 7.6 to 1 |
| 13 | `#e78e2c` | `oklch(72.56% 0.1504 62.90)` | Sanskrit | black, 8.3 to 1 |
| 14 | `#ef9631` | `oklch(74.80% 0.1522 63.79)` | Nuclear Mango | black, 9 to 1 |
| 15 | `#f59d36` | `oklch(76.82% 0.1525 65.27)` | Yellow Sea | black, 9.7 to 1 |
| 16 | `#f9a43b` | `oklch(78.56% 0.1515 67.29)` | Lightning Yellow | black, 10.3 to 1 |
| 17 | `#faaa41` | `oklch(79.96% 0.1494 69.78)` | Tōmorokoshi Corn | black, 10.9 to 1 |
| 18 | `#fab045` | `oklch(80.97% 0.1464 72.69)` | Butterscotch | black, 11.3 to 1 |
| 19 | `#f7b549` | `oklch(81.52% 0.1429 75.97)` | Mango Margarita | black, 11.6 to 1 |
| 20 | `#f2b74c` | `oklch(81.56% 0.1390 79.57)` | Bee | black, 11.6 to 1 |
| 21 | `#ebb94e` | `oklch(81.02% 0.1349 83.42)` | Ronchi | black, 11.5 to 1 |
| 22 | `#e1b84e` | `oklch(79.82% 0.1309 87.54)` | Up in Flames | black, 11.1 to 1 |
| 23 | `#d2b34d` | `oklch(77.56% 0.1256 92.60)` | Gold Gleam | black, 10.3 to 1 |
| 24 | `#bfad4c` | `oklch(74.32% 0.1190 98.59)` | Star Fruit Yellow Green | black, 9.2 to 1 |
| 25 | `#aaa34a` | `oklch(70.35% 0.1115 105.23)` | Desert Locust | black, 8 to 1 |
| 26 | `#939849` | `oklch(65.89% 0.1034 112.25)` | Chrysolite | black, 6.8 to 1 |
| 27 | `#7d8c47` | `oklch(61.16% 0.0951 119.40)` | Komatsuna Green | black, 5.7 to 1 |
| 28 | `#697f45` | `oklch(56.43% 0.0868 126.39)` | Beyond the Pines | black, 4.7 to 1 |
| 29 | `#577342` | `oklch(51.92% 0.0790 132.95)` | Houseplant | white, 5.3 to 1 |
| 30 | `#48673f` | `oklch(47.87% 0.0721 138.82)` | Mountain Forest | white, 6.3 to 1 |
| 31 | `#3d5e3c` | `oklch(44.53% 0.0663 143.73)` | Cupidity | white, 7.3 to 1 |
| 32 | `#35573a` | `oklch(42.13% 0.0620 147.40)` | Ficus | white, 8.1 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #2b2a24 0.0%, #323026 3.2%, #3d3826 6.5%, #4c4127 9.7%, #5d4b26 12.9%, #715525 16.1%, #866023 19.4%, #9c6922 22.6%, #b17222 25.8%, #c47a23 29.0%, #d38125 32.3%, #de8728 35.5%, #e78e2c 38.7%, #ef9631 41.9%, #f59d36 45.2%, #f9a43b 48.4%, #faaa41 51.6%, #fab045 54.8%, #f7b549 58.1%, #f2b74c 61.3%, #ebb94e 64.5%, #e1b84e 67.7%, #d2b34d 71.0%, #bfad4c 74.2%, #aaa34a 77.4%, #939849 80.6%, #7d8c47 83.9%, #697f45 87.1%, #577342 90.3%, #48673f 93.5%, #3d5e3c 96.8%, #35573a 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(28.35% 0.0096 97.73) 0.0%, oklch(30.77% 0.0179 95.49) 3.2%, oklch(34.02% 0.0293 92.30) 6.5%, oklch(37.92% 0.0430 88.42) 9.7%, oklch(42.27% 0.0583 84.10) 12.9%, oklch(46.90% 0.0744 79.60) 16.1%, oklch(51.62% 0.0907 75.16) 19.4%, oklch(56.23% 0.1062 71.04) 22.6%, oklch(60.56% 0.1203 67.49) 25.8%, oklch(64.42% 0.1322 64.77) 29.0%, oklch(67.62% 0.1411 63.13) 32.3%, oklch(70.16% 0.1468 62.65) 35.5%, oklch(72.56% 0.1504 62.90) 38.7%, oklch(74.80% 0.1522 63.79) 41.9%, oklch(76.82% 0.1525 65.27) 45.2%, oklch(78.56% 0.1515 67.29) 48.4%, oklch(79.96% 0.1494 69.78) 51.6%, oklch(80.97% 0.1464 72.69) 54.8%, oklch(81.52% 0.1429 75.97) 58.1%, oklch(81.56% 0.1390 79.57) 61.3%, oklch(81.02% 0.1349 83.42) 64.5%, oklch(79.82% 0.1309 87.54) 67.7%, oklch(77.56% 0.1256 92.60) 71.0%, oklch(74.32% 0.1190 98.59) 74.2%, oklch(70.35% 0.1115 105.23) 77.4%, oklch(65.89% 0.1034 112.25) 80.6%, oklch(61.16% 0.0951 119.40) 83.9%, oklch(56.43% 0.0868 126.39) 87.1%, oklch(51.92% 0.0790 132.95) 90.3%, oklch(47.87% 0.0721 138.82) 93.5%, oklch(44.53% 0.0663 143.73) 96.8%, oklch(42.13% 0.0620 147.40) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.283 | 0.01 | 97.7 |
| 2 | 0.685 | 0.143 | 62.9 |
| 3 | 0.803 | 0.132 | 86.1 |
| 4 | 0.421 | 0.062 | 147.4 |

## In these collections

- [Amber beer hall](https://grabient.com/amber-beer-hall)

## Other forms

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