Complementary navy, gray and olive linear swatches

Complementary navy, gray and olive color palette

Linear swatches, 5 colors at 90°: #1b1554, #2b3571, #485d77, #68806a, #8a983f. Edit and export CSS, SVG, PNG or a shader.

5 editable OKLCH keyframes.

#1b1554
#2b3571
#485d77
#68806a
#8a983f

CSS

background: linear-gradient(90deg, oklch(25.20% 0.1089 279.14) 0.000% 20.000%, oklch(35.43% 0.1047 272.80) 20.000% 40.000%, oklch(47.24% 0.0496 253.78) 40.000% 60.000%, oklch(57.48% 0.0441 147.05) 60.000% 80.000%, oklch(64.96% 0.1157 117.46) 80.000% 100.000%);

In these collections

Muted multicolor swatches