# Vacant Lobby palette

The Vacant Lobby palette brings together pale yellow, gold, green, and teal. The colors span a moderate lightness range, combining moderate color with clear contrast. Its light and open character suits brand mood boards and editorial graphics. Its darkest tone is teal, and its lightest tone is pale yellow.

- Also called: Beige, green and teal radial gradient
- Seed: `kU7iRJ7ijA14fwfKk8cg`
- Page: https://grabient.com/kU7iRJ7ijA14fwfKk8cg?style=radialGradient&steps=32&angle=0
- Drawn as: radial gradient, 32 steps, 0 degrees
- Kinds: light to dark, pastel, light
- Hues: wide
- Contrast of its darkest and lightest colors: 3.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 | `#f0ecc7` | `oklch(93.70% 0.0496 103.36)` | Natural Light | black, 17.5 to 1 |
| 2 | `#eeebc2` | `oklch(93.32% 0.0535 103.74)` | Limesicle | black, 17.3 to 1 |
| 3 | `#edeabd` | `oklch(92.86% 0.0590 104.18)` | White Asparagus | black, 17.1 to 1 |
| 4 | `#ece9b6` | `oklch(92.33% 0.0657 104.68)` | Steamy Dumpling | black, 16.8 to 1 |
| 5 | `#eae7af` | `oklch(91.73% 0.0731 105.25)` | Steamy Dumpling | black, 16.5 to 1 |
| 6 | `#e8e6a7` | `oklch(91.06% 0.0809 105.89)` | Kiwi Ice Cream | black, 16.2 to 1 |
| 7 | `#e6e49e` | `oklch(90.34% 0.0886 106.60)` | Marsh Mist | black, 15.9 to 1 |
| 8 | `#e3e296` | `oklch(89.56% 0.0959 107.41)` | Pale Lime Yellow | black, 15.5 to 1 |
| 9 | `#e0e08f` | `oklch(88.73% 0.1023 108.30)` | Citrus Butter | black, 15.1 to 1 |
| 10 | `#dcdd88` | `oklch(87.85% 0.1074 109.28)` | Garlic Toast | black, 14.7 to 1 |
| 11 | `#d8db83` | `oklch(86.93% 0.1109 110.37)` | Wax Green | black, 14.3 to 1 |
| 12 | `#d3d87f` | `oklch(85.96% 0.1125 111.49)` | Goody Gumdrop | black, 13.9 to 1 |
| 13 | `#ced57d` | `oklch(84.92% 0.1126 112.46)` | Green Gecko | black, 13.4 to 1 |
| 14 | `#cad27b` | `oklch(83.82% 0.1116 113.35)` | Greenish Beige | black, 13 to 1 |
| 15 | `#c5cf79` | `oklch(82.66% 0.1096 114.25)` | Alligator Alley | black, 12.5 to 1 |
| 16 | `#c0cb79` | `oklch(81.45% 0.1068 115.26)` | Greenish Tan | black, 12 to 1 |
| 17 | `#bac778` | `oklch(80.20% 0.1034 116.48)` | Floral Bouquet | black, 11.5 to 1 |
| 18 | `#b4c378` | `oklch(78.91% 0.0997 118.00)` | Valley View | black, 11 to 1 |
| 19 | `#aebf79` | `oklch(77.60% 0.0959 119.91)` | Lavish Lime | black, 10.5 to 1 |
| 20 | `#a7bc79` | `oklch(76.26% 0.0922 122.32)` | Green Curry | black, 10 to 1 |
| 21 | `#a0b879` | `oklch(74.92% 0.0888 125.30)` | Gleeful | black, 9.6 to 1 |
| 22 | `#99b47a` | `oklch(73.55% 0.0859 129.00)` | Watercolour Green | black, 9.1 to 1 |
| 23 | `#90b17b` | `oklch(72.06% 0.0827 133.85)` | Snipped Chive | black, 8.7 to 1 |
| 24 | `#86ac7d` | `oklch(70.43% 0.0793 139.71)` | Lush Fields | black, 8.2 to 1 |
| 25 | `#7ca87f` | `oklch(68.73% 0.0756 146.31)` | Greyish Green | black, 7.7 to 1 |
| 26 | `#73a281` | `oklch(66.99% 0.0718 153.36)` | Corporate Green | black, 7.2 to 1 |
| 27 | `#6a9d82` | `oklch(65.27% 0.0681 160.57)` | Scotch Lassie | black, 6.7 to 1 |
| 28 | `#639883` | `oklch(63.62% 0.0645 167.65)` | Succulent Green | black, 6.3 to 1 |
| 29 | `#5e9384` | `oklch(62.08% 0.0612 174.32)` | Fiddler | black, 5.9 to 1 |
| 30 | `#5a8e84` | `oklch(60.71% 0.0582 180.28)` | Chlorite | black, 5.6 to 1 |
| 31 | `#578a83` | `oklch(59.55% 0.0557 185.26)` | Evora | black, 5.3 to 1 |
| 32 | `#568783` | `oklch(58.66% 0.0537 188.96)` | Cretan Green | black, 5.1 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #f0ecc7 0.0%, #eeebc2 3.2%, #edeabd 6.5%, #ece9b6 9.7%, #eae7af 12.9%, #e8e6a7 16.1%, #e6e49e 19.4%, #e3e296 22.6%, #e0e08f 25.8%, #dcdd88 29.0%, #d8db83 32.3%, #d3d87f 35.5%, #ced57d 38.7%, #cad27b 41.9%, #c5cf79 45.2%, #c0cb79 48.4%, #bac778 51.6%, #b4c378 54.8%, #aebf79 58.1%, #a7bc79 61.3%, #a0b879 64.5%, #99b47a 67.7%, #90b17b 71.0%, #86ac7d 74.2%, #7ca87f 77.4%, #73a281 80.6%, #6a9d82 83.9%, #639883 87.1%, #5e9384 90.3%, #5a8e84 93.5%, #578a83 96.8%, #568783 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(93.70% 0.0496 103.36) 0.0%, oklch(93.32% 0.0535 103.74) 3.2%, oklch(92.86% 0.0590 104.18) 6.5%, oklch(92.33% 0.0657 104.68) 9.7%, oklch(91.73% 0.0731 105.25) 12.9%, oklch(91.06% 0.0809 105.89) 16.1%, oklch(90.34% 0.0886 106.60) 19.4%, oklch(89.56% 0.0959 107.41) 22.6%, oklch(88.73% 0.1023 108.30) 25.8%, oklch(87.85% 0.1074 109.28) 29.0%, oklch(86.93% 0.1109 110.37) 32.3%, oklch(85.96% 0.1125 111.49) 35.5%, oklch(84.92% 0.1126 112.46) 38.7%, oklch(83.82% 0.1116 113.35) 41.9%, oklch(82.66% 0.1096 114.25) 45.2%, oklch(81.45% 0.1068 115.26) 48.4%, oklch(80.20% 0.1034 116.48) 51.6%, oklch(78.91% 0.0997 118.00) 54.8%, oklch(77.60% 0.0959 119.91) 58.1%, oklch(76.26% 0.0922 122.32) 61.3%, oklch(74.92% 0.0888 125.30) 64.5%, oklch(73.55% 0.0859 129.00) 67.7%, oklch(72.06% 0.0827 133.85) 71.0%, oklch(70.43% 0.0793 139.71) 74.2%, oklch(68.73% 0.0756 146.31) 77.4%, oklch(66.99% 0.0718 153.36) 80.6%, oklch(65.27% 0.0681 160.57) 83.9%, oklch(63.62% 0.0645 167.65) 87.1%, oklch(62.08% 0.0612 174.32) 90.3%, oklch(60.71% 0.0582 180.28) 93.5%, oklch(59.55% 0.0557 185.26) 96.8%, oklch(58.66% 0.0537 188.96) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.937 | 0.05 | 103.4 |
| 2 | 0.866 | 0.112 | 110.8 |
| 3 | 0.74 | 0.087 | 127.7 |
| 4 | 0.587 | 0.054 | 189 |

## In these collections

- [Liminal colors](https://grabient.com/liminal-colors)

## Other forms

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