Orange, rose and navy sunset palette

Orange, pink, purple and navy palette with 32 colors. #ff8f51, #ec4758, #ac2a73, #632172, #221945. Edit and export CSS, SVG, PNG or a shader.

32 colors, 5 editable OKLCH keyframes.

#ff8f51
#ff894f
#ff814b
#fe784a
#fc6e4a
#f9634c
#f6594f
#f14f53
#ec4758
#e6415c
#df3b61
#d73765
#cf3368
#c7316b
#be2e6e
#b52c71
#ac2a73
#a22875
#972676
#8d2577
#822477
#782376
#6d2274
#632172
#5a206e
#502069
#451f63
#3c1e5d
#331c56
#2c1b4f
#271a49
#221945

CSS

background: linear-gradient(135deg in oklch, oklch(75.98% 0.1554 47.81) 0.0%, oklch(75.04% 0.1606 45.61) 3.2%, oklch(73.78% 0.1678 42.68) 6.5%, oklch(72.29% 0.1751 39.17) 9.7%, oklch(70.63% 0.1819 35.29) 12.9%, oklch(68.87% 0.1884 31.20) 16.1%, oklch(67.10% 0.1940 27.08) 19.4%, oklch(65.38% 0.1981 23.11) 22.6%, oklch(63.79% 0.2001 19.45) 25.8%, oklch(62.24% 0.2003 15.97) 29.0%, oklch(60.71% 0.1992 12.55) 32.3%, oklch(59.16% 0.1970 9.14) 35.5%, oklch(57.61% 0.1939 5.70) 38.7%, oklch(56.04% 0.1904 2.19) 41.9%, oklch(54.44% 0.1864 358.58) 45.2%, oklch(52.80% 0.1825 354.81) 48.4%, oklch(51.12% 0.1786 350.85) 51.6%, oklch(49.39% 0.1744 346.65) 54.8%, oklch(47.61% 0.1699 342.27) 58.1%, oklch(45.81% 0.1650 337.78) 61.3%, oklch(43.99% 0.1598 333.25) 64.5%, oklch(42.18% 0.1543 328.74) 67.7%, oklch(40.38% 0.1484 324.33) 71.0%, oklch(38.62% 0.1422 320.08) 74.2%, oklch(36.85% 0.1352 315.89) 77.4%, oklch(34.95% 0.1271 311.49) 80.6%, oklch(32.99% 0.1181 307.03) 83.9%, oklch(31.07% 0.1089 302.67) 87.1%, oklch(29.25% 0.0999 298.56) 90.3%, oklch(27.61% 0.0918 294.89) 93.5%, oklch(26.23% 0.0849 291.80) 96.8%, oklch(25.20% 0.0799 289.46) 100.0%);

In these collections

Sunset gradients