Complementary navy, gray and beige linear swatches

Complementary navy, gray and beige palette with 13 colors. #001354, #4a6599, #9eb1b8, #d4dfc8, #eaeec9. Edit and export CSS, SVG, PNG or a shader.

13 colors, 5 editable OKLCH keyframes.

#001354
#062279
#2b458a
#4a6599
#6581a4
#839bae
#9eb1b8
#b1c4c3
#c2d4c8
#d4dfc8
#e0e6ca
#e7ebca
#eaeec9

CSS

background: linear-gradient(90deg, oklch(23.25% 0.1190 263.15) 0.000% 7.692%, oklch(30.50% 0.1502 264.46) 7.692% 15.385%, oklch(40.84% 0.1190 265.94) 15.385% 23.077%, oklch(50.79% 0.0896 262.97) 23.077% 30.769%, oklch(59.42% 0.0635 254.55) 30.769% 38.462%, oklch(67.66% 0.0392 241.68) 38.462% 46.154%, oklch(74.80% 0.0234 222.81) 46.154% 53.846%, oklch(80.61% 0.0208 192.60) 53.846% 61.538%, oklch(85.32% 0.0266 156.39) 61.538% 69.231%, oklch(88.98% 0.0331 128.76) 69.231% 76.923%, oklch(91.43% 0.0383 116.78) 76.923% 84.615%, oklch(92.83% 0.0441 113.38) 84.615% 92.308%, oklch(93.70% 0.0482 111.85) 92.308% 100.000%);

In these collections

Yellow and blue gradients