# Library Moss After Hours

Five bands move from soft black through sand, olive, dusty mauve, and finish in steel blue. The separated colors give headings, backgrounds, borders, and small accents clearly defined roles. It suits book covers, study-room graphics, stationery, and restrained editorial systems.

- Also called: Dark green, tan, dark purple and navy linear swatches
- Seed: `kWURV045U2y4UxCsEC1JAw2I`
- Page: https://grabient.com/kWURV045U2y4UxCsEC1JAw2I?style=linearSwatches&steps=5&angle=225
- Drawn as: linear swatches, 5 steps, 225 degrees
- Kinds: muted, dark
- Hues: complementary
- Contrast of its darkest and lightest colors: 7.2 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 | `#25372f` | `oklch(31.89% 0.0289 163.83)` | Black Leather Jacket | white, 12.5 to 1 |
| 2 | `#c9b78e` | `oklch(78.35% 0.0579 86.69)` | Soybean | black, 10.6 to 1 |
| 3 | `#38421f` | `oklch(36.22% 0.0565 122.61)` | Ceylanite | white, 10.6 to 1 |
| 4 | `#453246` | `oklch(34.65% 0.0441 325.16)` | Voodoo | white, 11.6 to 1 |
| 5 | `#1b2c39` | `oklch(28.35% 0.0331 242.73)` | Oceanic Noir | white, 14.3 to 1 |

## CSS

```css
background: linear-gradient(225deg, #25372f 0.000% 20.000%, #c9b78e 20.000% 40.000%, #38421f 40.000% 60.000%, #453246 60.000% 80.000%, #1b2c39 80.000% 100.000%);
background: linear-gradient(225deg, oklch(31.89% 0.0289 163.83) 0.000% 20.000%, oklch(78.35% 0.0579 86.69) 20.000% 40.000%, oklch(36.22% 0.0565 122.61) 40.000% 60.000%, oklch(34.65% 0.0441 325.16) 60.000% 80.000%, oklch(28.35% 0.0331 242.73) 80.000% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.319 | 0.029 | 163.8 |
| 2 | 0.783 | 0.058 | 86.7 |
| 3 | 0.362 | 0.056 | 122.6 |
| 4 | 0.346 | 0.044 | -34.8 |
| 5 | 0.283 | 0.033 | -117.3 |

## In these collections

- [Dark academia swatches](https://grabient.com/dark-academia-swatches)

## Other forms

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