Velvet Rose Twilight

Analogous purple, pink and black color palette

This diagonal gradient moves from muted violet through dusty rose and warm coral pink, then settles into wine, plum, and near black. Linear gradient, 32 colors at 120°: #7e557c, #e188a1, #a04d6e, #40123b, #160d1e. Edit and export CSS, SVG, PNG or a shader.

4 editable OKLCH keyframes.

#7e557c
#855880
#905d85
#9c648b
#ab6c91
#ba7497
#c97c9c
#d6839f
#e188a1
#e88ba0
#ea8b9f
#e7889a
#df8094
#d3768c
#c46983
#b25b79
#a04d6e
#8e3f64
#7c335a
#6b2851
#5e1f4a
#531944
#49153f
#40123b
#381137
#311033
#2a102f
#250f2b
#200f28
#1c0f24
#190e21
#160d1e

CSS

background: linear-gradient(120deg in oklch, oklch(50.79% 0.0799 328.36) 0.0%, oklch(52.39% 0.0823 330.88) 3.2%, oklch(54.79% 0.0856 334.47) 6.5%, oklch(57.75% 0.0895 338.84) 9.7%, oklch(61.04% 0.0940 343.71) 12.9%, oklch(64.41% 0.0986 348.78) 16.1%, oklch(67.63% 0.1032 353.77) 19.4%, oklch(70.45% 0.1076 358.40) 22.6%, oklch(72.65% 0.1114 2.36) 25.8%, oklch(73.99% 0.1146 5.39) 29.0%, oklch(74.22% 0.1167 7.18) 32.3%, oklch(73.14% 0.1178 7.58) 35.5%, oklch(70.77% 0.1184 6.86) 38.7%, oklch(67.37% 0.1185 5.23) 41.9%, oklch(63.17% 0.1182 2.84) 45.2%, oklch(58.43% 0.1174 359.87) 48.4%, oklch(53.39% 0.1161 356.47) 51.6%, oklch(48.29% 0.1143 352.83) 54.8%, oklch(43.38% 0.1120 349.09) 58.1%, oklch(38.90% 0.1092 345.44) 61.3%, oklch(35.10% 0.1059 342.04) 64.5%, oklch(32.19% 0.1019 338.99) 67.7%, oklch(29.76% 0.0968 335.78) 71.0%, oklch(27.64% 0.0904 332.30) 74.2%, oklch(25.79% 0.0832 328.65) 77.4%, oklch(24.20% 0.0754 324.95) 80.6%, oklch(22.82% 0.0674 321.28) 83.9%, oklch(21.62% 0.0595 317.77) 87.1%, oklch(20.58% 0.0521 314.50) 90.3%, oklch(19.67% 0.0455 311.58) 93.5%, oklch(18.86% 0.0399 309.12) 96.8%, oklch(18.11% 0.0358 307.22) 100.0%);

In these collections

Romantic color palette