Vivid blue, light blue, green and yellow linear gradient

Vivid blue, light blue, green and yellow color palette

Linear gradient, 7 colors at 90°: #163d9f, #2559c6, #577ee2, #7dacee, #97eea5, #ffdc83, #e8c818. Edit and export CSS, SVG, PNG or a shader.

5 editable OKLCH keyframes.

#163d9f
#2559c6
#577ee2
#7dacee
#97eea5
#ffdc83
#e8c818

CSS

background: linear-gradient(90deg in oklch, oklch(40.16% 0.1640 263.67) 0.0%, oklch(49.62% 0.1788 262.50) 16.7%, oklch(61.34% 0.1569 265.90) 33.3%, oklch(73.62% 0.1089 257.33) 50.0%, oklch(87.65% 0.1319 148.25) 66.7%, oklch(90.62% 0.1154 88.92) 83.3%, oklch(83.46% 0.1681 96.71) 100.0%);

In these collections

Blue and yellow swatches