Pale lavender and deep cyan analogous

Analogous lavender, blue and navy color palette

The Pale lavender and deep cyan analogous brings together pale purple, light blue, blue, and dark blue. Linear swatches, 5 colors at 90°: #e6daff, #b0b2ff, #5a8cff, #0067a8, #003142. Edit and export CSS, SVG, PNG or a shader.

5 editable OKLCH keyframes.

#e6daff
#b0b2ff
#5a8cff
#0067a8
#003142

CSS

background: linear-gradient(90deg, oklch(90.94% 0.0515 300.24) 0.000% 20.000%, oklch(79.13% 0.1084 282.27) 20.000% 40.000%, oklch(66.14% 0.1792 264.30) 40.000% 60.000%, oklch(50.00% 0.1296 246.37) 60.000% 80.000%, oklch(29.14% 0.0571 228.49) 80.000% 100.000%);

In these collections

Analogous swatches