# Stone and terracotta library card nostalgia

The Stone and terracotta library card nostalgia brings together light green, green, blue, purple, red, and orange. The colors span a moderate lightness range, combining moderate color with clear contrast. Its balanced and composed character suits stationery systems and print layouts. Its darkest tone is purple, and its lightest tone is light green.

- Also called: Gray, dark purple and orange linear swatches
- Seed: `kYySBZUJHF7kSRyvFEgvZ7ItWsw8`
- Page: https://grabient.com/kYySBZUJHF7kSRyvFEgvZ7ItWsw8?style=linearSwatches&steps=6
- Drawn as: linear swatches, 6 steps, 90 degrees
- Kinds: dark center, muted, multicolor
- Hues: split-complementary
- Contrast of its darkest and lightest colors: 5.6 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 | `#b4c0a2` | `oklch(79.13% 0.0441 125.16)` | Camping Grounds | black, 11 to 1 |
| 2 | `#6b9489` | `oklch(63.39% 0.0482 175.88)` | Nephrite | black, 6.2 to 1 |
| 3 | `#3a596d` | `oklch(44.88% 0.0496 237.17)` | Indian Teal | white, 7.4 to 1 |
| 4 | `#473857` | `oklch(37.01% 0.0551 306.92)` | Purple Plumeria | white, 10.6 to 1 |
| 5 | `#884a4a` | `oklch(48.43% 0.0841 20.89)` | Currant Jam | white, 6.7 to 1 |
| 6 | `#d08048` | `oklch(67.32% 0.1226 53.65)` | Sticky Toffee | black, 6.8 to 1 |

## CSS

```css
background: linear-gradient(90deg, #b4c0a2 0.000% 16.667%, #6b9489 16.667% 33.333%, #3a596d 33.333% 50.000%, #473857 50.000% 66.667%, #884a4a 66.667% 83.333%, #d08048 83.333% 100.000%);
background: linear-gradient(90deg, oklch(79.13% 0.0441 125.16) 0.000% 16.667%, oklch(63.39% 0.0482 175.88) 16.667% 33.333%, oklch(44.88% 0.0496 237.17) 33.333% 50.000%, oklch(37.01% 0.0551 306.92) 50.000% 66.667%, oklch(48.43% 0.0841 20.89) 66.667% 83.333%, oklch(67.32% 0.1226 53.65) 83.333% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.791 | 0.044 | 125.2 |
| 2 | 0.634 | 0.048 | 175.9 |
| 3 | 0.449 | 0.05 | 237.2 |
| 4 | 0.37 | 0.055 | 306.9 |
| 5 | 0.484 | 0.084 | 380.9 |
| 6 | 0.673 | 0.123 | 413.6 |

## In these collections

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

## Other forms

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