Seafoam Ink Blue Bands

These diagonal bands move from seafoam teal through deep blue black to pale icy blue. #56b5a8, #03333b, #daedfe. Edit and export CSS, SVG, PNG or a shader.

3 colors, 3 editable OKLCH keyframes.

#56b5a8
#03333b
#daedfe

CSS

background: linear-gradient(300deg, oklch(71.26% 0.0923 183.52) 0.000% 33.333%, oklch(29.53% 0.0496 212.05) 33.333% 66.667%, oklch(93.70% 0.0303 244.81) 66.667% 100.000%);

In these collections

Blue and teal swatches