Vivid analogous blue and lavender linear swatches

Vivid analogous blue and lavender color palette

Linear swatches, 6 colors at 90°: #1616db, #1812e7, #2825f0, #4743f1, #6965ea, #8781df. Edit and export CSS, SVG, PNG or a shader.

4 editable OKLCH keyframes.

#1616db
#1812e7
#2825f0
#4743f1
#6965ea
#8781df

CSS

background: linear-gradient(90deg, oklch(41.73% 0.2687 266.48) 0.000% 16.667%, oklch(43.10% 0.2816 266.54) 16.667% 33.333%, oklch(46.15% 0.2791 268.76) 33.333% 50.000%, oklch(51.19% 0.2495 274.19) 50.000% 66.667%, oklch(58.19% 0.1954 279.78) 66.667% 83.333%, oklch(64.96% 0.1378 284.45) 83.333% 100.000%);

In these collections

Blue swatches