Navy, brown and tan linear gradient

Linear gradient, 7 colors at 90°: #354b62, #614049, #7d5b2f, #b78a3b, #e7dbb3, #d1b494, #7a2633. Edit and export CSS, SVG, PNG or a shader.

5 editable OKLCH keyframes.

#354b62
#614049
#7d5b2f
#b78a3b
#e7dbb3
#d1b494
#7a2633

CSS

background: linear-gradient(90deg in oklch, oklch(40.55% 0.0469 248.20) 0.0%, oklch(41.11% 0.0486 1.51) 16.7%, oklch(49.62% 0.0748 71.53) 33.3%, oklch(66.14% 0.1102 78.42) 50.0%, oklch(89.11% 0.0539 93.13) 66.7%, oklch(78.65% 0.0544 68.67) 83.3%, oklch(40.16% 0.1171 15.01) 100.0%);

In these collections

Library card nostalgia