Vivid navy, cyan, blue and light blue linear gradient

Vivid navy, cyan, blue and light blue color palette

Linear gradient, 7 colors at 90°: #001361, #0091a6, #27ffd1, #00a4be, #1e4588, #2186c1, #37e4fd. Edit and export CSS, SVG, PNG or a shader.

4 editable OKLCH keyframes.

#001361
#0091a6
#27ffd1
#00a4be
#1e4588
#2186c1
#37e4fd

CSS

background: linear-gradient(90deg in oklch, oklch(24.81% 0.1377 263.77) 0.0%, oklch(60.16% 0.1052 212.76) 16.7%, oklch(89.37% 0.1667 172.79) 33.3%, oklch(66.02% 0.1161 214.14) 50.0%, oklch(40.16% 0.1213 260.50) 66.7%, oklch(59.33% 0.1260 240.62) 83.3%, oklch(84.65% 0.1364 209.78) 100.0%);

In these collections

Ocean gradients