Brown, teal, blue and black linear swatches

Linear swatches, 7 colors at 90°: #a87655, #9b9883, #74a09d, #398a9a, #065b78, #002848, #000319. Edit and export CSS, SVG, PNG or a shader.

7 editable OKLCH keyframes.

• #a87655
• #9b9883
• #74a09d
• #398a9a
• #065b78
• #002848
• #000319

CSS

background: linear-gradient(90deg, oklch(61.02% 0.0785 54.14) 0.000% 14.286%, oklch(67.72% 0.0303 100.64) 14.286% 28.571%, oklch(67.32% 0.0482 191.52) 28.571% 42.857%, oklch(59.06% 0.0813 212.65) 42.857% 57.143%, oklch(44.09% 0.0854 229.56) 57.143% 71.429%, oklch(27.17% 0.0717 247.53) 71.429% 85.714%, oklch(11.43% 0.0550 262.51) 85.714% 100.000%);

In these collections

App background gradientsCoastal gradientsRetro gradientsDesktop wallpaper gradients

Similar palettesCollectionsDownload PNGPalette JSONMarkdownHow it works