Navy and pale lavender analogous palette

Vivid blue, lavender and purple color palette

The Navy and pale lavender analogous palette brings together blue, light blue, light purple, and magenta. Linear swatches, 4 colors at 45°: #0d2b95, #ada4f4, #d5b2f1, #7a126c. Edit and export CSS, SVG, PNG or a shader.

4 editable OKLCH keyframes.

#0d2b95
#ada4f4
#d5b2f1
#7a126c

CSS

background: linear-gradient(45deg, oklch(35.43% 0.1750 265.08) 0.000% 25.000%, oklch(75.59% 0.1144 288.33) 25.000% 50.000%, oklch(81.50% 0.0937 309.46) 50.000% 75.000%, oklch(40.55% 0.1654 334.82) 75.000% 100.000%);

In these collections

Analogous swatches