Skip to content
Grabient palettes

Analogous light blue, teal and blue linear gradient

Analogous light blue, teal and blue color palette

Linear gradient, 7 colors at 90°: #a4ecfe, #73e1f4, #44d7e5, #21c9ce, #0aaeb8, #0585a5, #09588b. Edit and export CSS, SVG, PNG or a shader.

6 editable OKLCH keyframes.

  • #a4ecfe
  • #73e1f4
  • #44d7e5
  • #21c9ce
  • #0aaeb8
  • #0585a5
  • #09588b

CSS

background: linear-gradient(90deg in oklch, oklch(90.16% 0.0758 215.16) 0.0%, oklch(85.26% 0.1039 209.95) 16.7%, oklch(80.96% 0.1221 204.51) 33.3%, oklch(76.03% 0.1245 198.12) 50.0%, oklch(68.47% 0.1153 202.08) 66.7%, oklch(57.29% 0.1055 222.73) 83.3%, oklch(44.49% 0.1075 244.75) 100.0%);

In these collections

Summer gradientsSpring gradientsLight multicolor gradients

Similar palettesCollectionsDownload PNGPalette JSONMarkdownHow it works