Mauve and rose magenta palette

Analogous black, purple and magenta color palette

The Mauve and rose magenta palette brings together dark purple, dark magenta, and magenta. Linear gradient, 32 colors at 270°: #1f1422, #3a1735, #5e1848, #861c61, #bd2787. Edit and export CSS, SVG, PNG or a shader.

4 editable OKLCH keyframes.

#1f1422
#211524
#231526
#261628
#29162b
#2d162d
#311730
#361732
#3a1735
#3f1837
#431839
#48183c
#4c183e
#501841
#551843
#591846
#5e1848
#63184b
#68184e
#6d1951
#721955
#781a58
#7f1a5c
#861c61
#8e1d66
#961f6c
#9e2071
#a62277
#ad247c
#b32580
#b92684
#bd2787

CSS

background: linear-gradient(270deg in oklch, oklch(21.26% 0.0303 318.52) 0.0%, oklch(21.70% 0.0334 319.65) 3.2%, oklch(22.25% 0.0373 321.18) 6.5%, oklch(22.90% 0.0419 323.00) 9.7%, oklch(23.63% 0.0470 325.03) 12.9%, oklch(24.42% 0.0526 327.20) 16.1%, oklch(25.26% 0.0585 329.41) 19.4%, oklch(26.14% 0.0645 331.59) 22.6%, oklch(27.04% 0.0706 333.65) 25.8%, oklch(27.95% 0.0765 335.51) 29.0%, oklch(28.84% 0.0822 337.09) 32.3%, oklch(29.72% 0.0877 338.35) 35.5%, oklch(30.60% 0.0931 339.45) 38.7%, oklch(31.48% 0.0986 340.40) 41.9%, oklch(32.38% 0.1041 341.24) 45.2%, oklch(33.31% 0.1097 341.96) 48.4%, oklch(34.27% 0.1153 342.60) 51.6%, oklch(35.26% 0.1209 343.17) 54.8%, oklch(36.31% 0.1266 343.69) 58.1%, oklch(37.40% 0.1323 344.17) 61.3%, oklch(38.56% 0.1381 344.63) 64.5%, oklch(39.80% 0.1439 345.08) 67.7%, oklch(41.21% 0.1502 345.48) 71.0%, oklch(42.79% 0.1569 345.81) 74.2%, oklch(44.49% 0.1638 346.08) 77.4%, oklch(46.23% 0.1708 346.30) 80.6%, oklch(47.98% 0.1777 346.48) 83.9%, oklch(49.66% 0.1843 346.63) 87.1%, oklch(51.24% 0.1903 346.75) 90.3%, oklch(52.64% 0.1958 346.85) 93.5%, oklch(53.82% 0.2004 346.95) 96.8%, oklch(54.72% 0.2039 347.05) 100.0%);

In these collections

Magenta color palette