Ochre, navy and mauve library card nostalgia

Tritone mustard, blue and purple color palette

The Ochre, navy and mauve library card nostalgia brings together gold, green, blue, purple, and magenta. Linear gradient, 32 colors at 90°: #bfad13, #867c0b, #214b57, #303585, #835270. Edit and export CSS, SVG, PNG or a shader.

8 editable OKLCH keyframes.

#bfad13
#bcaa13
#b9a514
#b4a014
#ad9a15
#a59314
#9d8c0e
#928407
#867c0b
#797618
#6b6f28
#5e6835
#52603e
#475943
#3b5446
#2c504d
#214b57
#244460
#2b3e65
#2d3a6b
#2b3873
#28367c
#293682
#303585
#383785
#413985
#4b3c83
#563f81
#65437d
#734878
#7d4e73
#835270

CSS

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%);

In these collections

Library card nostalgia