Cream and crimson plum noir palette

This palette moves from pale orange through red to dark red. It steadily darkens across a broad lightness range, combining moderate color with clear contrast. Linear gradient, 32 colors at 90°: #f3d5c9, #ebab9b, #cc726c, #853e4a, #421427. Edit and export CSS, SVG, PNG or a shader.

3 editable OKLCH keyframes.

#f3d5c9
#f2d1c5
#f1cdc1
#f0c9bb
#f0c4b5
#efbeaf
#eeb8a9
#edb2a2
#ebab9b
#e9a494
#e79d8d
#e49687
#e08f81
#dc877b
#d78075
#d27971
#cc726c
#c46b67
#bb6463
#b15c5e
#a75459
#9c4d54
#91454f
#853e4a
#7a3744
#70303f
#662a3a
#5c2535
#542031
#4c1b2d
#461829
#421427

CSS

background: linear-gradient(90deg in oklch, oklch(89.37% 0.0372 41.48) 0.0%, oklch(88.56% 0.0402 40.93) 3.2%, oklch(87.62% 0.0441 40.30) 6.5%, oklch(86.57% 0.0489 39.59) 9.7%, oklch(85.41% 0.0542 38.81) 12.9%, oklch(84.15% 0.0601 37.95) 16.1%, oklch(82.79% 0.0663 37.03) 19.4%, oklch(81.34% 0.0728 36.05) 22.6%, oklch(79.80% 0.0792 35.01) 25.8%, oklch(78.18% 0.0855 33.91) 29.0%, oklch(76.49% 0.0916 32.76) 32.3%, oklch(74.73% 0.0972 31.56) 35.5%, oklch(72.91% 0.1022 30.31) 38.7%, oklch(71.04% 0.1065 29.02) 41.9%, oklch(69.11% 0.1099 27.69) 45.2%, oklch(67.14% 0.1123 26.33) 48.4%, oklch(65.10% 0.1134 24.91) 51.6%, oklch(62.83% 0.1135 23.32) 54.8%, oklch(60.32% 0.1127 21.56) 58.1%, oklch(57.64% 0.1110 19.67) 61.3%, oklch(54.81% 0.1087 17.68) 64.5%, oklch(51.89% 0.1057 15.63) 67.7%, oklch(48.92% 0.1024 13.53) 71.0%, oklch(45.94% 0.0987 11.43) 74.2%, oklch(43.00% 0.0948 9.35) 77.4%, oklch(40.14% 0.0909 7.33) 80.6%, oklch(37.41% 0.0870 5.40) 83.9%, oklch(34.84% 0.0834 3.58) 87.1%, oklch(32.49% 0.0800 1.92) 90.3%, oklch(30.40% 0.0771 0.44) 93.5%, oklch(28.61% 0.0747 359.18) 96.8%, oklch(27.17% 0.0730 358.16) 100.0%);

In these collections

Plum noir