Midnight Mauve

Muted analogous navy to purple color palette

The Blue blue and mauve palette brings together dark blue, blue, and magenta. Linear gradient, 32 colors at 225°: #091a31, #182d46, #36374d, #513c52, #684962. Edit and export CSS, SVG, PNG or a shader.

5 editable OKLCH keyframes.

#091a31
#0a1b33
#0b1d35
#0c2038
#0e233b
#10263e
#122941
#152b44
#182d46
#1c2f48
#203049
#24314a
#28334a
#2c344b
#2f354b
#33364c
#36374d
#3a384e
#3e394f
#423950
#463a51
#493a51
#4d3b51
#513c52
#543e53
#583f55
#5b4157
#5e435a
#61455c
#64475f
#674861
#684962

CSS

background: linear-gradient(225deg in oklch, oklch(21.65% 0.0510 256.64) 0.0%, oklch(22.27% 0.0513 256.17) 3.2%, oklch(23.11% 0.0519 255.32) 6.5%, oklch(24.11% 0.0527 254.29) 9.7%, oklch(25.21% 0.0534 253.29) 12.9%, oklch(26.35% 0.0540 252.54) 16.1%, oklch(27.46% 0.0543 252.25) 19.4%, oklch(28.47% 0.0542 252.62) 22.6%, oklch(29.33% 0.0535 253.87) 25.8%, oklch(30.10% 0.0521 255.85) 29.0%, oklch(30.80% 0.0500 258.41) 32.3%, oklch(31.47% 0.0475 261.49) 35.5%, oklch(32.10% 0.0449 265.01) 38.7%, oklch(32.71% 0.0425 268.92) 41.9%, oklch(33.32% 0.0404 273.13) 45.2%, oklch(33.94% 0.0390 277.59) 48.4%, oklch(34.57% 0.0384 282.36) 51.6%, oklch(35.17% 0.0385 288.05) 54.8%, oklch(35.76% 0.0390 294.44) 58.1%, oklch(36.35% 0.0400 301.19) 61.3%, oklch(36.93% 0.0412 307.92) 64.5%, oklch(37.53% 0.0425 314.27) 67.7%, oklch(38.15% 0.0439 319.89) 71.0%, oklch(38.81% 0.0452 324.41) 74.2%, oklch(39.53% 0.0464 327.64) 77.4%, oklch(40.35% 0.0479 329.91) 80.6%, oklch(41.22% 0.0495 331.40) 83.9%, oklch(42.11% 0.0512 332.31) 87.1%, oklch(42.97% 0.0528 332.82) 90.3%, oklch(43.75% 0.0543 333.12) 93.5%, oklch(44.40% 0.0556 333.37) 96.8%, oklch(44.88% 0.0565 333.78) 100.0%);

In these collections

Blue and mauve gradients