Deep Violet Scale

Analogous purple, gray and navy color palette

Linear swatches, 5 colors at 210°: #6f5ca8, #f0e9fa, #6134ae, #4c357d, #24143f. Edit and export CSS, SVG, PNG or a shader.

5 editable OKLCH keyframes.

#6f5ca8
#f0e9fa
#6134ae
#4c357d
#24143f

CSS

background: linear-gradient(210deg, oklch(52.76% 0.1185 293.91) 0.000% 20.000%, oklch(94.49% 0.0234 304.47) 20.000% 40.000%, oklch(45.28% 0.1833 294.96) 40.000% 60.000%, oklch(39.37% 0.1171 294.96) 60.000% 80.000%, oklch(24.02% 0.0785 297.08) 80.000% 100.000%);

In these collections

Violet swatches