Rose and plum color palette

The Rose and plum color palette brings together magenta and dark magenta. #bc4a87, #761c58, #300728. Edit and export CSS, SVG, PNG or a shader.

32 colors, 3 editable OKLCH keyframes.

#bc4a87
#b94985
#b64683
#b34481
#af417e
#ab3e7b
#a73b78
#a23875
#9d3472
#98316f
#932e6b
#8e2a68
#892765
#842461
#7f215e
#7b1e5b
#761c58
#711a54
#6c1851
#66164d
#61144a
#5b1246
#551142
#500f3f
#4b0e3b
#460c38
#410b34
#3d0a31
#39092e
#35082c
#320729
#300728

CSS

background: linear-gradient(180deg in oklch, oklch(57.87% 0.1598 350.16) 0.0%, oklch(57.23% 0.1592 349.97) 3.2%, oklch(56.46% 0.1586 349.75) 6.5%, oklch(55.57% 0.1579 349.50) 9.7%, oklch(54.57% 0.1573 349.22) 12.9%, oklch(53.48% 0.1565 348.92) 16.1%, oklch(52.32% 0.1557 348.59) 19.4%, oklch(51.10% 0.1548 348.25) 22.6%, oklch(49.83% 0.1537 347.88) 25.8%, oklch(48.52% 0.1525 347.51) 29.0%, oklch(47.19% 0.1512 347.12) 32.3%, oklch(45.86% 0.1498 346.72) 35.5%, oklch(44.53% 0.1481 346.31) 38.7%, oklch(43.23% 0.1462 345.90) 41.9%, oklch(41.96% 0.1441 345.49) 45.2%, oklch(40.74% 0.1418 345.08) 48.4%, oklch(39.57% 0.1392 344.66) 51.6%, oklch(38.34% 0.1361 344.21) 54.8%, oklch(37.06% 0.1325 343.72) 58.1%, oklch(35.74% 0.1285 343.20) 61.3%, oklch(34.39% 0.1242 342.66) 64.5%, oklch(33.02% 0.1196 342.10) 67.7%, oklch(31.67% 0.1150 341.54) 71.0%, oklch(30.33% 0.1102 340.98) 74.2%, oklch(29.02% 0.1055 340.43) 77.4%, oklch(27.76% 0.1009 339.90) 80.6%, oklch(26.56% 0.0964 339.39) 83.9%, oklch(25.44% 0.0923 338.91) 87.1%, oklch(24.42% 0.0885 338.47) 90.3%, oklch(23.50% 0.0851 338.08) 93.5%, oklch(22.71% 0.0822 337.75) 96.8%, oklch(22.05% 0.0799 337.48) 100.0%);

In these collections

Shade swatches Pink gradients Sunset gradients