Vivid analogous blue and lavender linear swatches

Vivid analogous blue and lavender color palette

Linear swatches, 4 colors at 90°: #1616db, #201bee, #514df0, #8781df. Edit and export CSS, SVG, PNG or a shader.

4 editable OKLCH keyframes.

#1616db
#201bee
#514df0
#8781df

CSS

background: linear-gradient(90deg, oklch(41.73% 0.2687 266.48) 0.000% 25.000%, oklch(44.88% 0.2839 267.54) 25.000% 50.000%, oklch(53.15% 0.2356 276.00) 50.000% 75.000%, oklch(64.96% 0.1378 284.45) 75.000% 100.000%);

In these collections

Blue swatches