Harbor Navy Bands

Five diagonal bands run from icy blue-white through slate blue, deep navy, muted periwinkle, and finish in ink blue. #edf2f2, #173957, #28415f.

5 colors, 5 editable OKLCH keyframes.

#edf2f2
#577b99
#173957
#687a9b
#28415f

CSS

background: linear-gradient(45deg, oklch(95.67% 0.0055 196.87) 0.000% 20.000%, oklch(56.69% 0.0620 245.49) 20.000% 40.000%, oklch(33.46% 0.0661 247.60) 40.000% 60.000%, oklch(57.87% 0.0551 262.39) 60.000% 80.000%, oklch(37.01% 0.0606 253.94) 80.000% 100.000%);

In these collections

Navy swatches