Navy, gray and pink linear swatches

Linear swatches, 7 colors at 90°: #0c235b, #164a75, #306f8b, #548d9b, #88a4a5, #b9b2ab, #ecb4a8. Edit and export CSS, SVG, PNG or a shader.

7 editable OKLCH keyframes.

#0c235b
#164a75
#306f8b
#548d9b
#88a4a5
#b9b2ab
#ecb4a8

CSS

background: linear-gradient(90deg, oklch(27.95% 0.1047 263.67) 0.000% 14.286%, oklch(39.76% 0.0909 247.82) 14.286% 28.571%, oklch(51.18% 0.0785 230.91) 28.571% 42.857%, oklch(61.02% 0.0634 214.00) 42.857% 57.143%, oklch(69.69% 0.0303 199.21) 57.143% 71.429%, oklch(76.77% 0.0124 67.12) 71.429% 85.714%, oklch(81.89% 0.0675 32.24) 85.714% 100.000%);

In these collections

Pink and blue swatches