Pastel lavender, purple and pink linear gradient

Linear gradient, 7 colors at 90°: #f1e6ff, #dac2ee, #be95cc, #b37cb6, #c88bba, #ebb0ce, #ffcfe0. Edit and export CSS, SVG, PNG or a shader.

3 editable OKLCH keyframes.

• #f1e6ff
• #dac2ee
• #be95cc
• #b37cb6
• #c88bba
• #ebb0ce
• #ffcfe0

CSS

background: linear-gradient(90deg in oklch, oklch(94.09% 0.0352 305.16) 0.0%, oklch(84.92% 0.0645 310.01) 16.7%, oklch(72.65% 0.0901 317.09) 33.3%, oklch(66.14% 0.1047 325.23) 50.0%, oklch(71.19% 0.0973 335.49) 66.7%, oklch(82.01% 0.0788 346.80) 83.3%, oklch(90.16% 0.0577 354.82) 100.0%);

In these collections

Light UI gradientsLight mode color palettePastel gradientsSoft multicolor gradients

Similar palettesCollectionsDownload PNGPalette JSONMarkdownHow it works