Navy, magenta and orange sunrise palette

Navy, purple, pink and peach color palette

The Navy, magenta and orange sunrise palette brings together dark blue, purple, magenta, light red, and pale orange. Linear gradient, 32 colors at 180°: #171b4c, #5b3180, #b0539c, #f07d8c, #ffd6b1. Edit and export CSS, SVG, PNG or a shader.

5 editable OKLCH keyframes.

#171b4c
#1c1d51
#221f57
#2a225e
#322565
#3c286d
#462b74
#512e7b
#5b3180
#653586
#6f398b
#7a3d8f
#844193
#8f4597
#9a4a99
#a54e9b
#b0539c
#ba579b
#c45d9a
#ce6298
#d76895
#e06e92
#e8758f
#f07d8c
#f7868a
#fe9087
#ff9f8a
#ffae90
#ffbb98
#ffc6a1
#ffcfaa
#ffd6b1

CSS

background: linear-gradient(180deg in oklch, oklch(25.20% 0.0896 274.92) 0.0%, oklch(26.38% 0.0929 277.29) 3.2%, oklch(27.95% 0.0975 280.46) 6.5%, oklch(29.81% 0.1030 284.22) 9.7%, oklch(31.89% 0.1090 288.41) 12.9%, oklch(34.10% 0.1151 292.81) 16.1%, oklch(36.35% 0.1210 297.25) 19.4%, oklch(38.57% 0.1263 301.52) 22.6%, oklch(40.67% 0.1305 305.46) 25.8%, oklch(42.79% 0.1343 309.17) 29.0%, oklch(44.96% 0.1378 312.79) 32.3%, oklch(47.18% 0.1411 316.38) 35.5%, oklch(49.41% 0.1440 320.02) 38.7%, oklch(51.64% 0.1465 323.77) 41.9%, oklch(53.85% 0.1484 327.71) 45.2%, oklch(56.02% 0.1498 331.89) 48.4%, oklch(58.13% 0.1505 336.37) 51.6%, oklch(60.19% 0.1506 341.06) 54.8%, oklch(62.20% 0.1501 345.94) 58.1%, oklch(64.19% 0.1491 350.99) 61.3%, oklch(66.18% 0.1476 356.20) 64.5%, oklch(68.18% 0.1458 1.59) 67.7%, oklch(70.22% 0.1436 7.12) 71.0%, oklch(72.30% 0.1412 12.81) 74.2%, oklch(74.52% 0.1383 18.90) 77.4%, oklch(76.98% 0.1345 25.81) 80.6%, oklch(79.57% 0.1188 33.20) 83.9%, oklch(82.16% 0.1042 40.68) 87.1%, oklch(84.64% 0.0919 47.88) 90.3%, oklch(86.88% 0.0817 54.40) 93.5%, oklch(88.76% 0.0734 59.88) 96.8%, oklch(90.16% 0.0672 63.93) 100.0%);

In these collections

Sunrise gradients