Complementary navy, gray and beige linear gradient

Complementary navy, gray and beige color palette

Linear gradient, 7 colors at 90°: #121f29, #2a4b51, #547868, #8c9470, #bca581, #dcbfa4, #f0dec8. Edit and export CSS, SVG, PNG or a shader.

5 editable OKLCH keyframes.

#121f29
#2a4b51
#547868
#8c9470
#bca581
#dcbfa4
#f0dec8

CSS

background: linear-gradient(90deg in oklch, oklch(23.23% 0.0262 242.58) 0.0%, oklch(39.12% 0.0404 209.08) 16.7%, oklch(54.13% 0.0495 164.81) 33.3%, oklch(64.96% 0.0510 117.88) 50.0%, oklch(73.17% 0.0555 78.31) 66.7%, oklch(82.15% 0.0497 64.46) 83.3%, oklch(90.94% 0.0358 73.50) 100.0%);

In these collections

Remote sensing gradients