Analogous gray, blue and purple linear swatches

Linear swatches, 5 colors at 90°: #bbbbbb, #95a3b5, #6388a6, #536790, #514c77. Edit and export CSS, SVG, PNG or a shader.

3 editable OKLCH keyframes.

• #bbbbbb
• #95a3b5
• #6388a6
• #536790
• #514c77

CSS

background: linear-gradient(90deg, oklch(79.13% 0.0000 89.88) 0.000% 20.000%, oklch(71.14% 0.0305 254.72) 20.000% 40.000%, oklch(61.02% 0.0620 244.28) 40.000% 60.000%, oklch(51.43% 0.0700 264.82) 60.000% 80.000%, oklch(44.09% 0.0703 288.67) 80.000% 100.000%);

In these collections

App background gradientsSoft neutral gradientsBlue and purple swatchesCool swatches

Similar palettesCollectionsDownload PNGPalette JSONMarkdownHow it works