Triadic navy, green, orange and red linear gradient

Triadic navy, green, orange and red color palette

Linear gradient, 7 colors at 90°: #143551, #03837c, #00c88f, #9ed45e, #eba622, #ff5330, #dc1f00. Edit and export CSS, SVG, PNG or a shader.

6 editable OKLCH keyframes.

#143551
#03837c
#00c88f
#9ed45e
#eba622
#ff5330
#dc1f00

CSS

background: linear-gradient(90deg in oklch, oklch(31.89% 0.0634 246.80) 0.0%, oklch(55.04% 0.0953 187.66) 16.7%, oklch(73.68% 0.1567 164.17) 33.3%, oklch(80.73% 0.1585 129.83) 50.0%, oklch(77.17% 0.1537 76.70) 66.7%, oklch(67.60% 0.2137 33.25) 83.3%, oklch(57.09% 0.2212 31.19) 100.0%);