# Waiting Room Signal Rings

Five radial swatches place dark navy at the center, followed by muted violet, ochre yellow, institutional aqua, and pale beige at the edge. The orderly rings feel familiar but slightly displaced, fitting liminal interiors, ambient posters, architectural graphics, quiet game scenes, and title cards based on waiting-room materials and subdued signage.

- Also called: Black, tan, light blue and gray radial swatches
- Seed: `kWOxW3RpNFuOv0Vmjkl7woyI`
- Page: https://grabient.com/kWOxW3RpNFuOv0Vmjkl7woyI?style=radialSwatches&steps=5&angle=0
- Drawn as: radial swatches, 5 steps, 0 degrees
- Kinds: dark to light, pastel
- Hues: two-hue
- Contrast of its darkest and lightest colors: 11.4 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 | `#151e2b` | `oklch(23.23% 0.0289 257.34)` | Hēi Sè Black | white, 16.7 to 1 |
| 2 | `#7b6b8c` | `oklch(55.51% 0.0524 305.95)` | Nymph’s Delight | white, 4.8 to 1 |
| 3 | `#d5b649` | `oklch(78.35% 0.1309 92.84)` | Farm Straw | black, 10.6 to 1 |
| 4 | `#a8c9be` | `oklch(80.71% 0.0386 173.16)` | Wave Runner | black, 11.7 to 1 |
| 5 | `#e4d1c4` | `oklch(87.40% 0.0276 56.91)` | Sheer Blouse | black, 14.2 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #151e2b 0.000% 20.000%, #7b6b8c 20.000% 40.000%, #d5b649 40.000% 60.000%, #a8c9be 60.000% 80.000%, #e4d1c4 80.000% 100.000%);
background: radial-gradient(circle at 50% 50%, oklch(23.23% 0.0289 257.34) 0.000% 20.000%, oklch(55.51% 0.0524 305.95) 20.000% 40.000%, oklch(78.35% 0.1309 92.84) 40.000% 60.000%, oklch(80.71% 0.0386 173.16) 60.000% 80.000%, oklch(87.40% 0.0276 56.91) 80.000% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.232 | 0.029 | 257.3 |
| 2 | 0.555 | 0.052 | 306 |
| 3 | 0.783 | 0.131 | 452.8 |
| 4 | 0.807 | 0.039 | 533.2 |
| 5 | 0.874 | 0.028 | 416.9 |

## In these collections

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

## Other forms

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