Navy, violet and ochre color palette

The Navy, violet and ochre color palette brings together blue, purple, magenta, and gold. Linear swatches, 5 colors at 90°: #142d7f, #334bcc, #8c4dc3, #9f0c56, #b68612. Edit and export CSS, SVG, PNG or a shader.

5 editable OKLCH keyframes.

• #142d7f
• #334bcc
• #8c4dc3
• #9f0c56
• #b68612

CSS

background: linear-gradient(90deg, oklch(33.86% 0.1406 265.78) 0.000% 20.000%, oklch(48.03% 0.1998 268.95) 20.000% 40.000%, oklch(55.12% 0.1805 305.94) 40.000% 60.000%, oklch(46.06% 0.1805 358.78) 60.000% 80.000%, oklch(64.96% 0.1295 82.26) 80.000% 100.000%);

In these collections

Jewel tone swatchesJewel tones

Similar palettesCollectionsDownload PNGPalette JSONMarkdownHow it works