Vivid navy, blue, cyan and light blue linear swatches

Linear swatches, 6 colors at 90°: #00004a, #021ca6, #0a64f9, #37adfd, #62f4ff, #97ffff. Edit and export CSS, SVG, PNG or a shader.

6 editable OKLCH keyframes.

• #00004a
• #021ca6
• #0a64f9
• #37adfd
• #62f4ff
• #97ffff

CSS

background: linear-gradient(90deg, oklch(18.57% 0.1282 264.40) 0.000% 16.667%, oklch(35.04% 0.2122 264.38) 16.667% 33.333%, oklch(55.51% 0.2356 261.20) 33.333% 50.000%, oklch(72.05% 0.1543 243.24) 50.000% 66.667%, oklch(89.37% 0.1242 202.02) 66.667% 83.333%, oklch(93.70% 0.0970 195.68) 83.333% 100.000%);

In these collections

Ocean gradientsNavy and teal gradientsBeach gradientsCoastal gradients

Similar palettesCollectionsDownload PNGPalette JSONMarkdownHow it works