Complementary navy, gray and beige linear gradient

Complementary navy, gray and beige color palette

Linear gradient, 7 colors at 90°: #001354, #2b458a, #6581a4, #9eb1b8, #c2d4c8, #e0e6ca, #eaeec9. Edit and export CSS, SVG, PNG or a shader.

5 editable OKLCH keyframes.

#001354
#2b458a
#6581a4
#9eb1b8
#c2d4c8
#e0e6ca
#eaeec9

CSS

background: linear-gradient(90deg in oklch, oklch(23.25% 0.1190 263.15) 0.0%, oklch(40.84% 0.1190 265.94) 16.7%, oklch(59.42% 0.0635 254.55) 33.3%, oklch(74.80% 0.0234 222.81) 50.0%, oklch(85.32% 0.0266 156.39) 66.7%, oklch(91.43% 0.0383 116.78) 83.3%, oklch(93.70% 0.0482 111.85) 100.0%);

In these collections

Yellow and blue gradients