Analogous navy and teal linear swatches

Linear swatches, 4 colors at 90°: #0e1c53, #1f3a64, #355c73, #4c7d7b. Edit and export CSS, SVG, PNG or a shader.

4 editable OKLCH keyframes.

#0e1c53
#1f3a64
#355c73
#4c7d7b

CSS

background: linear-gradient(90deg, oklch(25.59% 0.1006 267.19) 0.000% 25.000%, oklch(35.04% 0.0813 258.73) 25.000% 50.000%, oklch(45.67% 0.0579 235.48) 50.000% 75.000%, oklch(55.51% 0.0537 192.16) 75.000% 100.000%);

In these collections

Blue and teal swatches