# Ochre, navy and mauve library card nostalgia

The Ochre, navy and mauve library card nostalgia brings together gold, green, blue, purple, and magenta. 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 blue, and its lightest tone is gold.

- Also called: Tritone mustard, blue and purple linear gradient
- Seed: `kcvG5I1bE_saowM3jsRLxlNi8vQW1KMKQBxFo`
- Page: https://grabient.com/kcvG5I1bE_saowM3jsRLxlNi8vQW1KMKQBxFo?steps=32
- Drawn as: linear gradient, 32 steps, 90 degrees
- Kinds: dark center
- Hues: complementary
- Contrast of its darkest and lightest colors: 4.8 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 | `#bfad13` | `oklch(74.02% 0.1516 101.95)` | Apple Jade | black, 9.2 to 1 |
| 2 | `#bcaa13` | `oklch(73.06% 0.1491 101.43)` | Green Flavour | black, 8.8 to 1 |
| 3 | `#b9a514` | `oklch(71.73% 0.1456 100.61)` | Sulphine Yellow | black, 8.4 to 1 |
| 4 | `#b4a014` | `oklch(70.10% 0.1415 99.89)` | Wet Leaf | black, 7.9 to 1 |
| 5 | `#ad9a15` | `oklch(68.20% 0.1370 99.68)` | Lucky | black, 7.3 to 1 |
| 6 | `#a59314` | `oklch(66.05% 0.1327 100.11)` | Rapeseed Oil | black, 6.8 to 1 |
| 7 | `#9d8c0e` | `oklch(63.51% 0.1292 100.56)` | Guava Green | black, 6.1 to 1 |
| 8 | `#928407` | `oklch(60.73% 0.1252 101.56)` | Thicket Green | black, 5.5 to 1 |
| 9 | `#867c0b` | `oklch(57.88% 0.1193 103.80)` | Olive | black, 4.9 to 1 |
| 10 | `#797618` | `oklch(55.13% 0.1100 107.94)` | Crocodile Eye | white, 4.7 to 1 |
| 11 | `#6b6f28` | `oklch(52.34% 0.0941 112.75)` | Forest Spirit | white, 5.3 to 1 |
| 12 | `#5e6835` | `oklch(49.49% 0.0740 118.50)` | Gretchin Green | white, 6 to 1 |
| 13 | `#52603e` | `oklch(46.76% 0.0549 126.88)` | Cactus Green | white, 6.7 to 1 |
| 14 | `#475943` | `oklch(44.32% 0.0418 139.57)` | Grey Asparagus | white, 7.5 to 1 |
| 15 | `#3b5446` | `oklch(42.26% 0.0386 159.48)` | Leprechaun Green | white, 8.2 to 1 |
| 16 | `#2c504d` | `oklch(40.43% 0.0424 187.83)` | Dark Slate Grey | white, 8.8 to 1 |
| 17 | `#214b57` | `oklch(38.88% 0.0508 218.68)` | Night Swim | white, 9.4 to 1 |
| 18 | `#244460` | `oklch(37.65% 0.0613 245.79)` | Dark Slate Blue | white, 10 to 1 |
| 19 | `#2b3e65` | `oklch(36.81% 0.0721 263.10)` | Elmer’s Echo | white, 10.5 to 1 |
| 20 | `#2d3a6b` | `oklch(36.38% 0.0865 270.30)` | Spirit Blue | white, 10.8 to 1 |
| 21 | `#2b3873` | `oklch(36.30% 0.1033 271.53)` | Ballpoint Indigo | white, 10.9 to 1 |
| 22 | `#28367c` | `oklch(36.51% 0.1187 270.67)` | Surf the Web | white, 10.9 to 1 |
| 23 | `#293682` | `oklch(36.93% 0.1287 271.59)` | Migol Blue | white, 10.8 to 1 |
| 24 | `#303585` | `oklch(37.57% 0.1313 275.39)` | Migol Blue | white, 10.5 to 1 |
| 25 | `#383785` | `oklch(38.45% 0.1284 279.38)` | Clematis Blue | white, 10.2 to 1 |
| 26 | `#413985` | `oklch(39.57% 0.1224 284.07)` | Clematis Blue | white, 9.7 to 1 |
| 27 | `#4b3c83` | `oklch(40.90% 0.1153 290.06)` | Nauseous Blue | white, 9.2 to 1 |
| 28 | `#563f81` | `oklch(42.45% 0.1088 298.15)` | Cyber Grape | white, 8.6 to 1 |
| 29 | `#65437d` | `oklch(44.54% 0.1005 309.72)` | Regality | white, 7.9 to 1 |
| 30 | `#734878` | `oklch(46.85% 0.0913 322.76)` | Cabbage Blossom Violet | white, 7.1 to 1 |
| 31 | `#7d4e73` | `oklch(48.95% 0.0829 334.68)` | Phlox Flower Violet | white, 6.5 to 1 |
| 32 | `#835270` | `oklch(50.39% 0.0772 342.89)` | Magnificence | white, 6.1 to 1 |

## CSS

```css
background: linear-gradient(90deg, #bfad13 0.0%, #bcaa13 3.2%, #b9a514 6.5%, #b4a014 9.7%, #ad9a15 12.9%, #a59314 16.1%, #9d8c0e 19.4%, #928407 22.6%, #867c0b 25.8%, #797618 29.0%, #6b6f28 32.3%, #5e6835 35.5%, #52603e 38.7%, #475943 41.9%, #3b5446 45.2%, #2c504d 48.4%, #214b57 51.6%, #244460 54.8%, #2b3e65 58.1%, #2d3a6b 61.3%, #2b3873 64.5%, #28367c 67.7%, #293682 71.0%, #303585 74.2%, #383785 77.4%, #413985 80.6%, #4b3c83 83.9%, #563f81 87.1%, #65437d 90.3%, #734878 93.5%, #7d4e73 96.8%, #835270 100.0%);
background: linear-gradient(90deg in oklch, oklch(74.02% 0.1516 101.95) 0.0%, oklch(73.06% 0.1491 101.43) 3.2%, oklch(71.73% 0.1456 100.61) 6.5%, oklch(70.10% 0.1415 99.89) 9.7%, oklch(68.20% 0.1370 99.68) 12.9%, oklch(66.05% 0.1327 100.11) 16.1%, oklch(63.51% 0.1292 100.56) 19.4%, oklch(60.73% 0.1252 101.56) 22.6%, oklch(57.88% 0.1193 103.80) 25.8%, oklch(55.13% 0.1100 107.94) 29.0%, oklch(52.34% 0.0941 112.75) 32.3%, oklch(49.49% 0.0740 118.50) 35.5%, oklch(46.76% 0.0549 126.88) 38.7%, oklch(44.32% 0.0418 139.57) 41.9%, oklch(42.26% 0.0386 159.48) 45.2%, oklch(40.43% 0.0424 187.83) 48.4%, oklch(38.88% 0.0508 218.68) 51.6%, oklch(37.65% 0.0613 245.79) 54.8%, oklch(36.81% 0.0721 263.10) 58.1%, oklch(36.38% 0.0865 270.30) 61.3%, oklch(36.30% 0.1033 271.53) 64.5%, oklch(36.51% 0.1187 270.67) 67.7%, oklch(36.93% 0.1287 271.59) 71.0%, oklch(37.57% 0.1313 275.39) 74.2%, oklch(38.45% 0.1284 279.38) 77.4%, oklch(39.57% 0.1224 284.07) 80.6%, oklch(40.90% 0.1153 290.06) 83.9%, oklch(42.45% 0.1088 298.15) 87.1%, oklch(44.54% 0.1005 309.72) 90.3%, oklch(46.85% 0.0913 322.76) 93.5%, oklch(48.95% 0.0829 334.68) 96.8%, oklch(50.39% 0.0772 342.89) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.74 | 0.152 | 102 |
| 2 | 0.673 | 0.135 | 99.8 |
| 3 | 0.555 | 0.112 | 107.2 |
| 4 | 0.437 | 0.04 | 144.2 |
| 5 | 0.37 | 0.069 | 259.4 |
| 6 | 0.37 | 0.13 | 272.1 |
| 7 | 0.417 | 0.112 | 294.3 |
| 8 | 0.504 | 0.077 | 342.9 |

## In these collections

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

## Other forms

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