Skip to content
Grabient palettes

Vivid analogous blue, cyan and green linear gradient

Vivid analogous blue, cyan and green color palette

Linear gradient, 7 colors at 90°: #02aded, #1bbdee, #0cd7ec, #2ef4dc, #32ffc8, #33ffaf, #2df999. Edit and export CSS, SVG, PNG or a shader.

5 editable OKLCH keyframes.

  • #02aded
  • #1bbdee
  • #0cd7ec
  • #2ef4dc
  • #32ffc8
  • #33ffaf
  • #2df999

CSS

background: linear-gradient(90deg in oklch, oklch(70.47% 0.1474 234.14) 0.0%, oklch(74.45% 0.1377 225.65) 16.7%, oklch(80.49% 0.1370 207.13) 33.3%, oklch(87.01% 0.1488 182.36) 50.0%, oklch(89.24% 0.1701 169.01) 66.7%, oklch(88.73% 0.1888 160.56) 83.3%, oklch(86.61% 0.2012 155.94) 100.0%);

In these collections

Bright gradientsSummer gradientsNeon gradients

Similar palettesCollectionsDownload PNGPalette JSONMarkdownHow it works