Navy, purple, teal and yellow linear gradient

Navy, purple, teal and yellow color palette

Linear gradient, 7 colors at 90°: #18132f, #3d276d, #3d56a5, #0f8da1, #0bb58b, #9ccb56, #f3d453. Edit and export CSS, SVG, PNG or a shader.

5 editable OKLCH keyframes.

#18132f
#3d276d
#3d56a5
#0f8da1
#0bb58b
#9ccb56
#f3d453

CSS

background: linear-gradient(90deg in oklch, oklch(20.87% 0.0537 288.98) 0.0%, oklch(33.96% 0.1156 293.80) 16.7%, oklch(47.58% 0.1311 268.01) 33.3%, oklch(59.06% 0.1006 212.90) 50.0%, oklch(68.64% 0.1364 168.67) 66.7%, oklch(78.48% 0.1556 128.01) 83.3%, oklch(87.40% 0.1488 95.60) 100.0%);

In these collections

Bold swatches