Pastel blue, gray and lavender linear swatches

Pastel blue, gray and lavender color palette

Linear swatches, 12 colors at 90°: #d0f6e1, #d7efe8, #d8e5f4, #e1ddf6, #e2d9ff. Edit and export CSS, SVG, PNG or a shader.

4 editable OKLCH keyframes.

#d0f6e1
#d2f4e3
#d5f2e5
#d7efe8
#d7eceb
#d5e9f0
#d8e5f4
#dde0f5
#e1ddf6
#e2dbfa
#e3daff
#e2d9ff

CSS

background: linear-gradient(90deg, oklch(94.09% 0.0482 161.02) 0.000% 8.333%, oklch(93.88% 0.0424 163.86) 8.333% 16.667%, oklch(93.57% 0.0340 167.83) 16.667% 25.000%, oklch(93.19% 0.0263 176.01) 25.000% 33.333%, oklch(92.76% 0.0228 191.86) 33.333% 41.667%, oklch(92.19% 0.0228 219.61) 41.667% 50.000%, oklch(91.58% 0.0251 251.84) 50.000% 58.333%, oklch(91.07% 0.0288 278.64) 58.333% 66.667%, oklch(90.77% 0.0343 292.26) 66.667% 75.000%, oklch(90.64% 0.0424 296.53) 75.000% 83.333%, oklch(90.59% 0.0507 296.32) 83.333% 91.667%, oklch(90.55% 0.0517 296.28) 91.667% 100.000%);

In these collections

Pastel gradients