Plum monochrome purple palette

Seamless analogous purple and pink color palette

The Plum monochrome purple palette brings together magenta and light magenta. Angular gradient, 32 colors at 225°: #5f2661, #a14895, #e197d1, #b258a5, #5f2661. Edit and export CSS, SVG, PNG or a shader.

8 editable OKLCH keyframes.

#5f2661
#632865
#6a2a6a
#722d71
#7a3177
#83367e
#8c3b85
#97418d
#a14895
#ab4f9d
#b558a5
#bf61ae
#c86bb6
#d074be
#d67fc5
#dc8ccb
#e197d1
#e39fd4
#e19ed2
#db94cc
#d384c3
#c873b9
#bd63ae
#b258a5
#a74f9b
#9b4791
#8f4088
#84397f
#793376
#6e2d6d
#652966
#5f2661

CSS

background: conic-gradient(from 225deg in oklch, oklch(37.40% 0.1157 326.25) 0.0%, oklch(38.58% 0.1194 326.73) 3.2%, oklch(40.22% 0.1246 327.41) 6.5%, oklch(42.20% 0.1304 328.21) 9.7%, oklch(44.34% 0.1358 329.06) 12.9%, oklch(46.57% 0.1403 329.94) 16.1%, oklch(49.02% 0.1446 330.97) 19.4%, oklch(51.64% 0.1486 332.04) 22.6%, oklch(54.36% 0.1516 333.01) 25.8%, oklch(57.08% 0.1531 333.73) 29.0%, oklch(59.95% 0.1533 334.17) 32.3%, oklch(62.93% 0.1525 334.43) 35.5%, oklch(65.86% 0.1502 334.57) 38.7%, oklch(68.58% 0.1462 334.67) 41.9%, oklch(71.22% 0.1389 334.78) 45.2%, oklch(74.19% 0.1271 334.83) 48.4%, oklch(76.81% 0.1146 334.83) 51.6%, oklch(78.33% 0.1055 334.78) 54.8%, oklch(78.03% 0.1039 334.67) 58.1%, oklch(75.54% 0.1118 334.54) 61.3%, oklch(71.62% 0.1251 334.36) 64.5%, oklch(67.16% 0.1389 334.10) 67.7%, oklch(63.10% 0.1481 333.71) 71.0%, oklch(59.71% 0.1506 333.18) 74.2%, oklch(56.38% 0.1494 332.52) 77.4%, oklch(53.16% 0.1459 331.77) 80.6%, oklch(50.09% 0.1415 330.95) 83.9%, oklch(47.19% 0.1374 330.09) 87.1%, oklch(44.25% 0.1318 329.04) 90.3%, oklch(41.46% 0.1255 327.93) 93.5%, oklch(39.08% 0.1197 326.94) 96.8%, oklch(37.40% 0.1157 326.25) 100.0%);

In these collections

Monochrome purple gradients