Navy and violet analogous palette

Vivid analogous navy, purple and pink color palette

The Navy and violet analogous palette brings together dark blue, purple, and light magenta. Linear swatches, 3 colors at 180°: #05014e, #8340d5, #f2b0e7. Edit and export CSS, SVG, PNG or a shader.

3 editable OKLCH keyframes.

#05014e
#8340d5
#f2b0e7

CSS

background: linear-gradient(180deg, oklch(19.69% 0.1295 267.89) 0.000% 33.333%, oklch(53.54% 0.2150 299.59) 33.333% 66.667%, oklch(83.46% 0.1047 332.35) 66.667% 100.000%);

In these collections

Analogous swatches