Mauve and navy orange and blue palette

The Mauve and navy orange and blue palette brings together light orange, orange, magenta, blue, and dark blue. Linear gradient, 32 colors at 180°: #fed09f, #df9056, #74586a, #284671, #061d3f. Edit and export CSS, SVG, PNG or a shader.

7 editable OKLCH keyframes.

#fed09f
#fccb99
#fbc490
#f9bc86
#f6b37c
#f2aa73
#eda16b
#e69860
#df9056
#d7864f
#ce7d4d
#c37453
#b46c5c
#a26564
#906069
#7f5c6a
#74586a
#6a546d
#605272
#545178
#46517a
#394e78
#2f4b75
#284671
#23406d
#1f3b69
#1a3563
#14305c
#0f2a54
#0b254b
#082044
#061d3f

CSS

background: linear-gradient(180deg in oklch, oklch(88.58% 0.0813 68.20) 0.0%, oklch(87.41% 0.0856 66.64) 3.2%, oklch(85.79% 0.0920 64.40) 6.5%, oklch(83.86% 0.0991 61.82) 9.7%, oklch(81.72% 0.1058 59.22) 12.9%, oklch(79.50% 0.1110 56.91) 16.1%, oklch(77.22% 0.1147 55.61) 19.4%, oklch(74.75% 0.1185 55.49) 22.6%, oklch(72.15% 0.1212 55.35) 25.8%, oklch(69.44% 0.1217 53.98) 29.0%, oklch(66.67% 0.1190 50.16) 32.3%, oklch(63.80% 0.1111 42.95) 35.5%, oklch(60.65% 0.0967 32.97) 38.7%, oklch(57.41% 0.0792 20.98) 41.9%, oklch(54.31% 0.0625 7.68) 45.2%, oklch(51.56% 0.0502 353.78) 48.4%, oklch(49.39% 0.0456 339.43) 51.6%, oklch(47.80% 0.0477 322.40) 54.8%, oklch(46.57% 0.0540 304.16) 58.1%, oklch(45.48% 0.0620 286.79) 61.3%, oklch(44.28% 0.0695 272.38) 64.5%, oklch(42.77% 0.0744 262.97) 67.7%, oklch(41.06% 0.0785 258.62) 71.0%, oklch(39.24% 0.0825 257.73) 74.2%, oklch(37.37% 0.0857 258.73) 77.4%, oklch(35.45% 0.0877 260.02) 80.6%, oklch(33.53% 0.0881 260.06) 83.9%, oklch(31.40% 0.0860 259.45) 87.1%, oklch(29.10% 0.0821 258.96) 90.3%, oklch(26.88% 0.0774 258.59) 93.5%, oklch(24.97% 0.0731 258.29) 96.8%, oklch(23.62% 0.0703 258.07) 100.0%);

In these collections

Orange and blue gradients