Analogous navy and purple linear swatches

Linear swatches, 4 colors at 180°: #000535, #053170, #385da5, #8880ba. Edit and export CSS, SVG, PNG or a shader.

4 editable OKLCH keyframes.

#000535
#053170
#385da5
#8880ba

CSS

background: linear-gradient(180deg, oklch(16.14% 0.0937 264.38) 0.000% 25.000%, oklch(32.68% 0.1185 259.09) 25.000% 50.000%, oklch(48.82% 0.1240 262.26) 50.000% 75.000%, oklch(62.99% 0.0868 289.74) 75.000% 100.000%);

In these collections

Blue and purple swatches