Complementary navy, gray and yellow linear gradient

Complementary navy, gray and yellow color palette

Linear gradient, 7 colors at 90°: #1d154f, #34344d, #5e6261, #97957a, #d1c16b, #f5de4d, #ffe54f. Edit and export CSS, SVG, PNG or a shader.

6 editable OKLCH keyframes.

#1d154f
#34344d
#5e6261
#97957a
#d1c16b
#f5de4d
#ffe54f

CSS

background: linear-gradient(90deg in oklch, oklch(24.80% 0.1020 281.95) 0.0%, oklch(33.68% 0.0430 283.14) 16.7%, oklch(49.34% 0.0054 170.05) 33.3%, oklch(66.41% 0.0379 103.63) 50.0%, oklch(80.62% 0.1092 99.25) 66.7%, oklch(89.34% 0.1598 100.00) 83.3%, oklch(91.73% 0.1643 99.14) 100.0%);

In these collections

Blue and yellow swatches