Navy, teal, green and peach linear gradient

Navy, teal, green and peach color palette

Linear gradient, 6 colors at 135°: #0c3a60, #037380, #1fb0a5, #62d4b6, #b3cead, #dda895. Edit and export CSS, SVG, PNG or a shader.

6 editable OKLCH keyframes.

#0c3a60
#037380
#1fb0a5
#62d4b6
#b3cead
#dda895

CSS

background: linear-gradient(135deg in oklch, oklch(33.86% 0.0827 248.91) 0.0%, oklch(50.79% 0.0868 208.75) 20.0%, oklch(68.50% 0.1144 186.56) 40.0%, oklch(79.53% 0.1130 173.88) 60.0%, oklch(82.28% 0.0551 140.06) 80.0%, oklch(77.56% 0.0689 40.73) 100.0%);

In these collections

Coastal gradients