Pastel analogous blue and lavender linear swatches

Linear swatches, 5 colors at 45°: #8dc7ff, #8ed4ff, #a4d8ff, #c0d3ff, #dfc5fc. Edit and export CSS, SVG, PNG or a shader.

4 editable OKLCH keyframes.

• #8dc7ff
• #8ed4ff
• #a4d8ff
• #c0d3ff
• #dfc5fc

CSS

background: linear-gradient(45deg, oklch(81.10% 0.0992 248.20) 0.000% 20.000%, oklch(83.79% 0.0931 236.68) 20.000% 40.000%, oklch(85.88% 0.0768 241.59) 40.000% 60.000%, oklch(86.67% 0.0649 267.31) 60.000% 80.000%, oklch(86.22% 0.0799 306.32) 80.000% 100.000%);

In these collections

Spring gradientsSoft multicolor gradientsPastel gradients

Similar palettesCollectionsDownload PNGPalette JSONMarkdownHow it works