Orange, green, teal and blue linear gradient

Orange, green, teal and blue color palette

Linear gradient, 7 colors at 90°: #e48b2d, #ff8d4c, #6dc377, #86df8b, #55b06d, #1a2d52, #416ba6. Edit and export CSS, SVG, PNG or a shader.

6 editable OKLCH keyframes.

#e48b2d
#ff8d4c
#6dc377
#86df8b
#55b06d
#1a2d52
#416ba6

CSS

background: linear-gradient(90deg in oklch, oklch(71.65% 0.1488 61.88) 0.0%, oklch(75.55% 0.1593 48.15) 16.7%, oklch(74.31% 0.1365 146.81) 33.3%, oklch(82.58% 0.1443 145.42) 50.0%, oklch(68.31% 0.1310 150.33) 66.7%, oklch(30.22% 0.0721 262.72) 83.3%, oklch(52.36% 0.1047 257.37) 100.0%);