Maroon, blue and navy linear swatches

Linear swatches, 7 colors at 90°: #8f363c, #5d3b54, #383c72, #203b7f, #15396e, #153350, #242d42. Edit and export CSS, SVG, PNG or a shader.

7 editable OKLCH keyframes.

#8f363c
#5d3b54
#383c72
#203b7f
#15396e
#153350
#242d42

CSS

background: linear-gradient(90deg, oklch(46.06% 0.1213 18.98) 0.000% 14.286%, oklch(40.16% 0.0620 336.71) 14.286% 28.571%, oklch(38.19% 0.0909 277.54) 28.571% 42.857%, oklch(37.40% 0.1199 264.86) 42.857% 57.143%, oklch(35.04% 0.1006 258.51) 57.143% 71.429%, oklch(31.50% 0.0620 249.00) 71.429% 85.714%, oklch(29.92% 0.0400 264.86) 85.714% 100.000%);

In these collections

Dark multicolor gradients