Rose, violet and navy color palette

The Rose, violet and navy color palette brings together magenta, purple, blue, and dark blue. Linear gradient, 32 colors at 135°: #be6993, #994c9a, #67399b, #373089, #002861. Edit and export CSS, SVG, PNG or a shader.

4 editable OKLCH keyframes.

#be6993
#bc6693
#b96394
#b56095
#b05c95
#ab5896
#a65398
#a04f99
#994c9a
#93489b
#8d459b
#87439c
#80409c
#7a3e9c
#743c9c
#6d3a9c
#67399b
#60379a
#593699
#533597
#4c3394
#453291
#3e318e
#373089
#2f2f84
#282e7f
#202d79
#192c73
#122b6d
#0a2a68
#042964
#002861

CSS

background: linear-gradient(135deg in oklch, oklch(62.99% 0.1199 350.16) 0.0%, oklch(62.31% 0.1217 348.40) 3.2%, oklch(61.44% 0.1243 346.17) 6.5%, oklch(60.40% 0.1274 343.53) 9.7%, oklch(59.24% 0.1308 340.57) 12.9%, oklch(57.99% 0.1344 337.37) 16.1%, oklch(56.68% 0.1381 334.00) 19.4%, oklch(55.35% 0.1416 330.55) 22.6%, oklch(54.03% 0.1448 327.11) 25.8%, oklch(52.75% 0.1475 323.74) 29.0%, oklch(51.56% 0.1497 320.53) 32.3%, oklch(50.45% 0.1511 317.49) 35.5%, oklch(49.36% 0.1524 314.43) 38.7%, oklch(48.28% 0.1533 311.35) 41.9%, oklch(47.21% 0.1541 308.25) 45.2%, oklch(46.15% 0.1545 305.15) 48.4%, oklch(45.09% 0.1546 302.04) 51.6%, oklch(44.04% 0.1544 298.94) 54.8%, oklch(42.98% 0.1538 295.87) 58.1%, oklch(41.93% 0.1528 292.81) 61.3%, oklch(40.87% 0.1514 289.80) 64.5%, oklch(39.80% 0.1495 286.81) 67.7%, oklch(38.66% 0.1467 283.67) 71.0%, oklch(37.45% 0.1431 280.40) 74.2%, oklch(36.21% 0.1389 277.06) 77.4%, oklch(34.97% 0.1342 273.74) 80.6%, oklch(33.76% 0.1294 270.50) 83.9%, oklch(32.60% 0.1246 267.42) 87.1%, oklch(31.53% 0.1201 264.58) 90.3%, oklch(30.57% 0.1161 262.05) 93.5%, oklch(29.77% 0.1127 259.91) 96.8%, oklch(29.14% 0.1095 258.33) 100.0%);

In these collections

Dusk gradients Sky