Analogous blue, light blue and cyan linear swatches

Linear swatches, 5 colors at 90°: #1a4861, #0668c7, #1d97fc, #33d0ff, #75fff7. Edit and export CSS, SVG, PNG or a shader.

4 editable OKLCH keyframes.

• #1a4861
• #0668c7
• #1d97fc
• #33d0ff
• #75fff7

CSS

background: linear-gradient(90deg, oklch(38.19% 0.0648 235.55) 0.000% 20.000%, oklch(52.32% 0.1686 254.87) 20.000% 40.000%, oklch(66.49% 0.1799 250.28) 40.000% 60.000%, oklch(79.88% 0.1391 223.83) 60.000% 80.000%, oklch(92.12% 0.1214 190.11) 80.000% 100.000%);

In these collections

Teal gradientsBlue and teal swatchesCool swatchesSummer swatches

Similar palettesCollectionsDownload PNGPalette JSONMarkdownHow it works