Dark gray, blue, teal and tan linear swatches

Linear swatches, 5 colors at 180°: #1d2f30, #d9d9d9, #6f64be, #4d9895, #d5a164. Edit and export CSS, SVG, PNG or a shader.

5 editable OKLCH keyframes.

• #1d2f30
• #d9d9d9
• #6f64be
• #4d9895
• #d5a164

CSS

background: linear-gradient(180deg, oklch(29.13% 0.0234 200.39) 0.000% 20.000%, oklch(88.58% 0.0000 89.88) 20.000% 40.000%, oklch(55.51% 0.1364 287.04) 40.000% 60.000%, oklch(62.99% 0.0744 192.99) 60.000% 80.000%, oklch(74.41% 0.0992 69.35) 80.000% 100.000%);

In these collections

Modern swatchesPresentation swatchesUI swatchesElegant swatches

Similar palettesCollectionsDownload PNGPalette JSONMarkdownHow it works