# Terracotta and ochre library card nostalgia palette

The Terracotta and ochre library card nostalgia palette brings together orange, light orange, and yellow. The colors span a moderate lightness range, combining moderate color with gentle contrast. Its balanced and composed character suits stationery systems and print layouts. Its darkest tone is yellow, and its lightest tone is light orange.

- Also called: Monochrome brown, tan and gray linear swatches
- Seed: `kWqVEtYSTBF-cQPQksDugtAQ`
- Page: https://grabient.com/kWqVEtYSTBF-cQPQksDugtAQ?style=linearSwatches&steps=6&angle=180
- Drawn as: linear swatches, 6 steps, 180 degrees
- Kinds: light center, warm, monochrome
- Hues: analogous
- Contrast of its darkest and lightest colors: 3.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 | `#c48445` | `oklch(66.54% 0.1116 63.28)` | Butterscotch Glaze | black, 6.7 to 1 |
| 2 | `#d7a261` | `oklch(74.96% 0.1038 70.81)` | Amber Brew | black, 9.2 to 1 |
| 3 | `#d3ae73` | `oklch(76.96% 0.0873 77.92)` | Drops of Honey | black, 10 to 1 |
| 4 | `#b6a073` | `oklch(71.52% 0.0666 84.88)` | Paper Sack | black, 8.2 to 1 |
| 5 | `#8a7f61` | `oklch(59.94% 0.0462 90.72)` | Fingerpaint | black, 5.3 to 1 |
| 6 | `#5d5744` | `oklch(45.67% 0.0303 92.87)` | Moosewood | white, 7.2 to 1 |

## CSS

```css
background: linear-gradient(180deg, #c48445 0.000% 16.667%, #d7a261 16.667% 33.333%, #d3ae73 33.333% 50.000%, #b6a073 50.000% 66.667%, #8a7f61 66.667% 83.333%, #5d5744 83.333% 100.000%);
background: linear-gradient(180deg, oklch(66.54% 0.1116 63.28) 0.000% 16.667%, oklch(74.96% 0.1038 70.81) 16.667% 33.333%, oklch(76.96% 0.0873 77.92) 33.333% 50.000%, oklch(71.52% 0.0666 84.88) 50.000% 66.667%, oklch(59.94% 0.0462 90.72) 66.667% 83.333%, oklch(45.67% 0.0303 92.87) 83.333% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.665 | 0.112 | 63.3 |
| 2 | 0.764 | 0.101 | 72.8 |
| 3 | 0.752 | 0.077 | 81.2 |
| 4 | 0.634 | 0.051 | 89.7 |
| 5 | 0.457 | 0.03 | 92.9 |

## In these collections

- [Library card nostalgia](https://grabient.com/library-card-nostalgia)

## Other forms

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