Cream To Plum Romantic Drift

This diagonal gradient begins in pale cream, passes through blush, dusty mauve, muted violet, and deep plum, then closes in near-black purple. Linear gradient, 32 colors at 345°: #f4dfc3, #6d4f69, #492250, #491740, #160d1e. Edit and export CSS, SVG, PNG or a shader.

4 editable OKLCH keyframes.

#f4dfc3
#ecd3b9
#e1c2ac
#d2afa0
#c19a93
#ad8588
#97717d
#815f73
#6d4f69
#5b4361
#4d395a
#443255
#402d52
#3f2951
#412650
#452450
#492250
#4f214f
#531f4d
#561e4a
#571c48
#551a45
#501843
#491740
#42163d
#3a1539
#321434
#2a122f
#23112a
#1e1026
#190e21
#160d1e

CSS

background: linear-gradient(345deg in oklch, oklch(91.34% 0.0441 75.94) 0.0%, oklch(88.01% 0.0449 68.07) 3.2%, oklch(83.48% 0.0459 57.17) 6.5%, oklch(78.03% 0.0469 43.98) 9.7%, oklch(71.94% 0.0481 29.27) 12.9%, oklch(65.51% 0.0494 13.81) 16.1%, oklch(59.00% 0.0510 358.36) 19.4%, oklch(52.72% 0.0528 343.68) 22.6%, oklch(46.94% 0.0548 330.55) 25.8%, oklch(41.95% 0.0571 319.72) 29.0%, oklch(38.03% 0.0597 311.96) 32.3%, oklch(35.35% 0.0629 307.83) 35.5%, oklch(33.63% 0.0672 306.82) 38.7%, oklch(32.68% 0.0725 308.33) 41.9%, oklch(32.34% 0.0783 311.74) 45.2%, oklch(32.42% 0.0843 316.48) 48.4%, oklch(32.78% 0.0901 321.96) 51.6%, oklch(33.24% 0.0953 327.57) 54.8%, oklch(33.62% 0.0995 332.73) 58.1%, oklch(33.78% 0.1024 336.84) 61.3%, oklch(33.54% 0.1037 339.32) 64.5%, oklch(32.75% 0.1028 339.64) 67.7%, oklch(31.57% 0.0995 338.36) 71.0%, oklch(30.14% 0.0942 335.95) 74.2%, oklch(28.53% 0.0873 332.67) 77.4%, oklch(26.81% 0.0794 328.77) 80.6%, oklch(25.05% 0.0708 324.52) 83.9%, oklch(23.32% 0.0621 320.18) 87.1%, oklch(21.69% 0.0538 315.99) 90.3%, oklch(20.23% 0.0463 312.23) 93.5%, oklch(19.01% 0.0402 309.15) 96.8%, oklch(18.11% 0.0358 307.01) 100.0%);

In these collections

Romantic color palette