Violet and navy color palette

The Violet and navy color palette brings together purple and blue. #ad4ad1, #8c37be, #4b2181, #33246a, #24285a. Edit and export CSS, SVG, PNG or a shader.

6 colors, 4 editable OKLCH keyframes.

• #ad4ad1
• #8c37be
• #6827a2
• #4b2181
• #33246a
• #24285a

CSS

background: linear-gradient(180deg, oklch(59.45% 0.2094 315.70) 0.000% 16.667%, oklch(51.92% 0.2039 309.79) 16.667% 33.333%, oklch(43.54% 0.1860 303.32) 33.333% 50.000%, oklch(36.44% 0.1518 298.12) 50.000% 66.667%, oklch(32.20% 0.1170 287.79) 66.667% 83.333%, oklch(30.31% 0.0882 276.60) 83.333% 100.000%);

In these collections

Jewel tonesJewel tone swatches

Similar palettesCollectionsDownload PNGPalette JSONMarkdownHow it works