Orange and Blue: Rose and sky blue

Peach, purple, blue and light blue color palette

The "Orange and Blue: Rose and sky blue" palette brings together light orange, orange, red, magenta, blue, and light blue. Linear gradient, 32 colors at 45°: #f6bd87, #d66a37, #6d3e5a, #3968a1, #afd7ed. Edit and export CSS, SVG, PNG or a shader.

7 editable OKLCH keyframes.

#f6bd87
#f5b67e
#f3ac71
#f09f64
#ed9358
#e8874e
#e37c46
#dd733e
#d66a37
#ce6133
#c55836
#b9503d
#a94a45
#97464c
#864251
#774055
#6d3e5a
#643d63
#5a3e6e
#4e417a
#424884
#39508b
#365b95
#3968a1
#4176ad
#4b84ba
#5692c4
#66a1ce
#79b2d7
#8ec1e0
#a1cee8
#afd7ed

CSS

background: linear-gradient(45deg in oklch, oklch(83.86% 0.0965 64.69) 0.0%, oklch(82.22% 0.1028 62.57) 3.2%, oklch(79.92% 0.1121 59.56) 6.5%, oklch(77.21% 0.1225 56.07) 9.7%, oklch(74.38% 0.1323 52.51) 12.9%, oklch(71.68% 0.1397 49.31) 16.1%, oklch(69.20% 0.1444 46.97) 19.4%, oklch(66.74% 0.1483 45.43) 22.6%, oklch(64.26% 0.1507 43.93) 25.8%, oklch(61.74% 0.1508 41.68) 29.0%, oklch(59.15% 0.1478 37.89) 32.3%, oklch(56.36% 0.1403 32.16) 35.5%, oklch(53.17% 0.1265 25.19) 38.7%, oklch(49.91% 0.1099 17.00) 41.9%, oklch(46.91% 0.0938 7.51) 45.2%, oklch(44.54% 0.0819 356.67) 48.4%, oklch(43.04% 0.0772 344.01) 51.6%, oklch(42.05% 0.0791 327.98) 54.8%, oklch(41.57% 0.0849 310.15) 58.1%, oklch(41.73% 0.0921 292.56) 61.3%, oklch(42.63% 0.0982 277.26) 64.5%, oklch(44.41% 0.1013 266.19) 67.7%, oklch(47.31% 0.1030 259.01) 71.0%, oklch(51.10% 0.1041 254.43) 74.2%, oklch(55.40% 0.1040 251.36) 77.4%, oklch(59.84% 0.1023 248.73) 80.6%, oklch(64.08% 0.0984 245.48) 83.9%, oklch(68.71% 0.0908 241.89) 87.1%, oklch(73.75% 0.0804 238.54) 90.3%, oklch(78.65% 0.0692 235.57) 93.5%, oklch(82.85% 0.0592 233.11) 96.8%, oklch(85.83% 0.0524 231.30) 100.0%);

In these collections

Orange and blue gradients