Complementary navy, gray and beige linear swatches

Complementary navy, gray and beige color palette

Linear swatches, 5 colors at 90°: #001354, #4a6599, #9eb1b8, #d4dfc8, #eaeec9. Edit and export CSS, SVG, PNG or a shader.

5 editable OKLCH keyframes.

#001354
#4a6599
#9eb1b8
#d4dfc8
#eaeec9

CSS

background: linear-gradient(90deg, oklch(23.25% 0.1190 263.15) 0.000% 20.000%, oklch(50.79% 0.0896 262.97) 20.000% 40.000%, oklch(74.80% 0.0234 222.81) 40.000% 60.000%, oklch(88.98% 0.0331 128.76) 60.000% 80.000%, oklch(93.70% 0.0482 111.85) 80.000% 100.000%);

In these collections

Yellow and blue gradients