Orange and Blue: Navy and coral

Vivid triadic blue, pink and yellow color palette

The "Orange and Blue: Navy and coral" palette brings together blue, purple, magenta, light red, orange, and gold. Linear gradient, 8 colors at 90°: #004374, #254b91, #7b5ca1, #c8739c, #fe9085, #fdab63, #ffc457, #ebd346. Edit and export CSS, SVG, PNG or a shader.

8 editable OKLCH keyframes.

#004374
#254b91
#7b5ca1
#c8739c
#fe9085
#fdab63
#ffc457
#ebd346

CSS

background: linear-gradient(90deg in oklch, oklch(37.41% 0.1031 248.97) 0.0%, oklch(42.52% 0.1240 261.59) 14.3%, oklch(53.54% 0.1102 303.86) 28.6%, oklch(66.14% 0.1185 350.35) 42.9%, oklch(76.77% 0.1350 26.28) 57.1%, oklch(80.71% 0.1309 60.10) 71.4%, oklch(85.43% 0.1408 80.18) 85.7%, oklch(86.22% 0.1557 99.20) 100.0%);

In these collections

Orange and blue gradients