Cobalt teal layered bands

Cool light blue, blue and lavender color palette

Linear swatches, 6 colors at 180°: #c7edf4, #1639ac, #8881df, #040d80, #002c3a, #92b4ea. Edit and export CSS, SVG, PNG or a shader.

6 editable OKLCH keyframes.

#c7edf4
#1639ac
#8881df
#040d80
#002c3a
#92b4ea

CSS

background: linear-gradient(180deg, oklch(92.13% 0.0400 210.23) 0.000% 16.667%, oklch(40.55% 0.1874 265.19) 16.667% 33.333%, oklch(64.96% 0.1378 285.26) 33.333% 50.000%, oklch(28.35% 0.1791 265.19) 50.000% 66.667%, oklch(27.18% 0.0521 226.22) 66.667% 83.333%, oklch(76.38% 0.0868 259.90) 83.333% 100.000%);

In these collections

Blue swatches