# Empty Atrium palette

The Empty Atrium palette brings together light yellow, light orange, red, and purple. The colors span a moderate lightness range, combining moderate color with clear contrast. Its balanced and composed character suits brand mood boards and editorial graphics. Its darkest tone is purple, and its lightest tone is light yellow.

- Also called: Tan to purple linear gradient
- Seed: `kU5UBCZqg99AdOy6ETQg`
- Page: https://grabient.com/kU5UBCZqg99AdOy6ETQg?steps=32
- Drawn as: linear gradient, 32 steps, 90 degrees
- Kinds: light to dark, pastel, warm
- Hues: analogous
- Contrast of its darkest and lightest colors: 5.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 | `#f3de9b` | `oklch(90.16% 0.0882 92.81)` | Sunbathed | black, 15.6 to 1 |
| 2 | `#f2dc98` | `oklch(89.65% 0.0897 91.94)` | Sunbathed | black, 15.4 to 1 |
| 3 | `#f2d994` | `oklch(89.05% 0.0919 90.96)` | Poached Egg | black, 15.1 to 1 |
| 4 | `#f1d68f` | `oklch(88.35% 0.0945 89.84)` | Pierogi | black, 14.7 to 1 |
| 5 | `#f0d38a` | `oklch(87.57% 0.0975 88.56)` | March Yellow | black, 14.4 to 1 |
| 6 | `#f0cf84` | `oklch(86.69% 0.1006 87.13)` | Hollywood Starlet | black, 14 to 1 |
| 7 | `#efcb7f` | `oklch(85.74% 0.1036 85.50)` | Mountain Maize | black, 13.5 to 1 |
| 8 | `#eec779` | `oklch(84.70% 0.1062 83.68)` | Almond Cookie | black, 13 to 1 |
| 9 | `#edc274` | `oklch(83.59% 0.1084 81.63)` | Vietnamese Lantern | black, 12.5 to 1 |
| 10 | `#ebbd6f` | `oklch(82.40% 0.1098 79.35)` | Natrolite | black, 12 to 1 |
| 11 | `#eab86c` | `oklch(81.14% 0.1103 76.81)` | Harvest Gold | black, 11.5 to 1 |
| 12 | `#e7b269` | `oklch(79.80% 0.1098 74.09)` | Gilded Age | black, 11 to 1 |
| 13 | `#e4ad67` | `oklch(78.32% 0.1083 71.39)` | Gilt Trip | black, 10.4 to 1 |
| 14 | `#e0a766` | `oklch(76.71% 0.1062 68.65)` | Sugar Honey Cashew | black, 9.8 to 1 |
| 15 | `#dba065` | `oklch(75.02% 0.1035 65.78)` | Kombucha | black, 9.2 to 1 |
| 16 | `#d69a64` | `oklch(73.25% 0.1003 62.66)` | Prayer Flag | black, 8.6 to 1 |
| 17 | `#d09464` | `oklch(71.43% 0.0967 59.20)` | Glazed Pecan | black, 8 to 1 |
| 18 | `#ca8e64` | `oklch(69.59% 0.0930 55.31)` | Orange Pekoe | black, 7.5 to 1 |
| 19 | `#c48764` | `oklch(67.74% 0.0892 50.89)` | Sassy | black, 7 to 1 |
| 20 | `#be8165` | `oklch(65.92% 0.0855 45.84)` | Sundial | black, 6.5 to 1 |
| 21 | `#b87b66` | `oklch(64.14% 0.0821 40.05)` | Happy Trails | black, 6 to 1 |
| 22 | `#b27668` | `oklch(62.42% 0.0789 33.39)` | Rojo Dust | black, 5.6 to 1 |
| 23 | `#ab706b` | `oklch(60.61% 0.0755 25.11)` | Copper Penny | black, 5.2 to 1 |
| 24 | `#a36b6e` | `oklch(58.71% 0.0720 15.36)` | Delhi Spice | black, 4.8 to 1 |
| 25 | `#996671` | `oklch(56.76% 0.0683 4.58)` | Nouveau Rose | white, 4.6 to 1 |
| 26 | `#8f6174` | `oklch(54.82% 0.0646 353.20)` | Victorian Plum | white, 5 to 1 |
| 27 | `#845e76` | `oklch(52.91% 0.0609 341.65)` | Purple Gumdrop | white, 5.4 to 1 |
| 28 | `#7a5a76` | `oklch(51.10% 0.0574 330.36)` | Gala Ball | white, 5.8 to 1 |
| 29 | `#6f5875` | `oklch(49.42% 0.0541 319.76)` | Trixter | white, 6.3 to 1 |
| 30 | `#665573` | `oklch(47.93% 0.0512 310.28)` | Rich Texture | white, 6.7 to 1 |
| 31 | `#5f5371` | `oklch(46.66% 0.0488 302.36)` | Arraign | white, 7 to 1 |
| 32 | `#59526f` | `oklch(45.67% 0.0469 296.41)` | Exotic Evening | white, 7.3 to 1 |

## CSS

```css
background: linear-gradient(90deg, #f3de9b 0.0%, #f2dc98 3.2%, #f2d994 6.5%, #f1d68f 9.7%, #f0d38a 12.9%, #f0cf84 16.1%, #efcb7f 19.4%, #eec779 22.6%, #edc274 25.8%, #ebbd6f 29.0%, #eab86c 32.3%, #e7b269 35.5%, #e4ad67 38.7%, #e0a766 41.9%, #dba065 45.2%, #d69a64 48.4%, #d09464 51.6%, #ca8e64 54.8%, #c48764 58.1%, #be8165 61.3%, #b87b66 64.5%, #b27668 67.7%, #ab706b 71.0%, #a36b6e 74.2%, #996671 77.4%, #8f6174 80.6%, #845e76 83.9%, #7a5a76 87.1%, #6f5875 90.3%, #665573 93.5%, #5f5371 96.8%, #59526f 100.0%);
background: linear-gradient(90deg in oklch, oklch(90.16% 0.0882 92.81) 0.0%, oklch(89.65% 0.0897 91.94) 3.2%, oklch(89.05% 0.0919 90.96) 6.5%, oklch(88.35% 0.0945 89.84) 9.7%, oklch(87.57% 0.0975 88.56) 12.9%, oklch(86.69% 0.1006 87.13) 16.1%, oklch(85.74% 0.1036 85.50) 19.4%, oklch(84.70% 0.1062 83.68) 22.6%, oklch(83.59% 0.1084 81.63) 25.8%, oklch(82.40% 0.1098 79.35) 29.0%, oklch(81.14% 0.1103 76.81) 32.3%, oklch(79.80% 0.1098 74.09) 35.5%, oklch(78.32% 0.1083 71.39) 38.7%, oklch(76.71% 0.1062 68.65) 41.9%, oklch(75.02% 0.1035 65.78) 45.2%, oklch(73.25% 0.1003 62.66) 48.4%, oklch(71.43% 0.0967 59.20) 51.6%, oklch(69.59% 0.0930 55.31) 54.8%, oklch(67.74% 0.0892 50.89) 58.1%, oklch(65.92% 0.0855 45.84) 61.3%, oklch(64.14% 0.0821 40.05) 64.5%, oklch(62.42% 0.0789 33.39) 67.7%, oklch(60.61% 0.0755 25.11) 71.0%, oklch(58.71% 0.0720 15.36) 74.2%, oklch(56.76% 0.0683 4.58) 77.4%, oklch(54.82% 0.0646 353.20) 80.6%, oklch(52.91% 0.0609 341.65) 83.9%, oklch(51.10% 0.0574 330.36) 87.1%, oklch(49.42% 0.0541 319.76) 90.3%, oklch(47.93% 0.0512 310.28) 93.5%, oklch(46.66% 0.0488 302.36) 96.8%, oklch(45.67% 0.0469 296.41) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.902 | 0.088 | 92.8 |
| 2 | 0.807 | 0.11 | 75.9 |
| 3 | 0.63 | 0.08 | 35.7 |
| 4 | 0.457 | 0.047 | -63.6 |

## In these collections

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

## Other forms

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