Analogous teal, blue, navy and gray linear gradient

Analogous teal, blue, navy and gray color palette

Linear gradient, 7 colors at 90°: #05393d, #3788a0, #74c4fc, #3d6a91, #122234, #666f86, #daddfc. Edit and export CSS, SVG, PNG or a shader.

4 editable OKLCH keyframes.

#05393d
#3788a0
#74c4fc
#3d6a91
#122234
#666f86
#daddfc

CSS

background: linear-gradient(90deg in oklch, oklch(31.50% 0.0510 203.20) 0.0%, oklch(58.71% 0.0857 220.90) 16.7%, oklch(79.13% 0.1116 240.19) 33.3%, oklch(50.84% 0.0803 247.12) 50.0%, oklch(24.80% 0.0413 252.87) 66.7%, oklch(54.28% 0.0369 267.40) 83.3%, oklch(90.55% 0.0413 280.35) 100.0%);

In these collections

Winter swatches