Skip to content
Grabient palettes

Analogous teal and blue linear swatches

Analogous teal and blue color palette

Linear swatches, 5 colors at 135°: #005664, #03707e, #01879f, #0198bf, #00a4d7. Edit and export CSS, SVG, PNG or a shader.

4 editable OKLCH keyframes.

  • #005664
  • #03707e
  • #01879f
  • #0198bf
  • #00a4d7

CSS

background: linear-gradient(135deg, oklch(41.74% 0.0728 212.37) 0.000% 20.000%, oklch(49.91% 0.0858 210.76) 20.000% 40.000%, oklch(57.41% 0.1018 216.04) 40.000% 60.000%, oklch(63.23% 0.1187 224.10) 60.000% 80.000%, oklch(67.32% 0.1331 229.26) 80.000% 100.000%);

In these collections

Teal gradientsText gradientsCyan gradients

Similar palettesCollectionsDownload PNGPalette JSONMarkdownHow it works