Analogous navy, teal and light blue linear swatches

Analogous navy, teal and light blue color palette

Linear swatches, 6 colors at 225°: #072f39, #154d51, #34756e, #5aa092, #8dcdbe, #bef4e6. Edit and export CSS, SVG, PNG or a shader.

4 editable OKLCH keyframes.

#072f39
#154d51
#34756e
#5aa092
#8dcdbe
#bef4e6

CSS

background: linear-gradient(225deg, oklch(28.35% 0.0455 217.97) 0.000% 16.667%, oklch(38.77% 0.0568 200.93) 16.667% 33.333%, oklch(51.92% 0.0677 186.02) 33.333% 50.000%, oklch(65.54% 0.0743 180.09) 50.000% 66.667%, oklch(80.13% 0.0689 177.71) 66.667% 83.333%, oklch(92.52% 0.0579 177.81) 83.333% 100.000%);

In these collections

Teal gradients