# Tan and sage amber beer hall palette

The Tan and sage amber beer hall palette brings together gray, light green, and gold. The colors span a moderate lightness range, combining moderate color with gentle contrast. Its light and open character suits brand mood boards and editorial graphics. Its darkest tone is gray, and its lightest tone is gold.

- Also called: Monochrome gray and tan linear swatches
- Seed: `kWgxEzTonFuCTv5snj57SU-Y`
- Page: https://grabient.com/kWgxEzTonFuCTv5snj57SU-Y?style=linearSwatches&steps=6&angle=0
- Drawn as: linear swatches, 6 steps, 0 degrees
- Kinds: dark to light, pastel, monochrome
- Hues: analogous
- Contrast of its darkest and lightest colors: 3.7 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 | `#706659` | `oklch(51.57% 0.0234 71.72)` | Grouchy Badger | white, 5.6 to 1 |
| 2 | `#7e8070` | `oklch(59.35% 0.0240 113.14)` | Kakadu Trail | black, 5.2 to 1 |
| 3 | `#9ba488` | `oklch(70.47% 0.0414 121.60)` | Frozen Edamame | black, 8 to 1 |
| 4 | `#bfc494` | `oklch(80.54% 0.0657 112.77)` | Brimstone Butterfly | black, 11.5 to 1 |
| 5 | `#ddd490` | `oklch(86.10% 0.0875 101.74)` | That’s My Lime | black, 13.8 to 1 |
| 6 | `#e9cf81` | `oklch(85.83% 0.1020 91.80)` | Ancient Treasure | black, 13.6 to 1 |

## CSS

```css
background: linear-gradient(0deg, #706659 0.000% 16.667%, #7e8070 16.667% 33.333%, #9ba488 33.333% 50.000%, #bfc494 50.000% 66.667%, #ddd490 66.667% 83.333%, #e9cf81 83.333% 100.000%);
background: linear-gradient(0deg, oklch(51.57% 0.0234 71.72) 0.000% 16.667%, oklch(59.35% 0.0240 113.14) 16.667% 33.333%, oklch(70.47% 0.0414 121.60) 33.333% 50.000%, oklch(80.54% 0.0657 112.77) 50.000% 66.667%, oklch(86.10% 0.0875 101.74) 66.667% 83.333%, oklch(85.83% 0.1020 91.80) 83.333% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.516 | 0.023 | 71.7 |
| 2 | 0.618 | 0.026 | 120.3 |
| 3 | 0.76 | 0.054 | 117.2 |
| 4 | 0.854 | 0.083 | 104.5 |
| 5 | 0.858 | 0.102 | 91.8 |

## In these collections

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

## Other forms

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