Teal Cyan Horizon Bands

Teal, black, light blue and navy color palette

These six horizontal bands move through medium teal, bright cyan, near-black teal, deep teal, pale aqua, and deep blue. Linear swatches, 6 colors at 180°: #1c9480, #71e1dc, #011e1a, #032b2c, #b9fdfd, #043b56. Edit and export CSS, SVG, PNG or a shader.

6 editable OKLCH keyframes.

#1c9480
#71e1dc
#011e1a
#032b2c
#b9fdfd
#043b56

CSS

background: linear-gradient(180deg, oklch(59.84% 0.1033 178.59) 0.000% 16.667%, oklch(84.25% 0.1033 191.27) 16.667% 33.333%, oklch(21.26% 0.0372 181.76) 33.333% 50.000%, oklch(26.38% 0.0427 196.56) 50.000% 66.667%, oklch(94.88% 0.0675 196.56) 66.667% 83.333%, oklch(33.46% 0.0703 236.72) 83.333% 100.000%);

In these collections

Blue and teal swatches