Pink, lavender and light blue linear swatches

Linear swatches, 6 colors at 45°: #f286fe, #e49cf9, #d6b5f6, #c8ccf1, #b9e3ed, #aaf7e7. Edit and export CSS, SVG, PNG or a shader.

6 editable OKLCH keyframes.

• #f286fe
• #e49cf9
• #d6b5f6
• #c8ccf1
• #b9e3ed
• #aaf7e7

CSS

background: linear-gradient(45deg, oklch(77.95% 0.1970 323.44) 0.000% 16.667%, oklch(79.53% 0.1474 318.15) 16.667% 33.333%, oklch(82.28% 0.0965 307.59) 33.333% 50.000%, oklch(85.43% 0.0510 280.11) 50.000% 66.667%, oklch(88.98% 0.0455 213.54) 66.667% 83.333%, oklch(92.13% 0.0785 179.72) 83.333% 100.000%);

In these collections

Spring gradientsIce gradients

Similar palettesCollectionsDownload PNGPalette JSONMarkdownHow it works