Skip to content
Grabient palettes

Blue, cyan and green linear swatches

Blue, cyan and green color palette

Linear swatches, 8 colors at 0°: #2a576b, #077fa7, #00afdb, #11dbe6, #16fbc3, #27fe82, #40ff4c, #6ce637. Edit and export CSS, SVG, PNG or a shader.

8 editable OKLCH keyframes.

  • #2a576b
  • #077fa7
  • #00afdb
  • #11dbe6
  • #16fbc3
  • #27fe82
  • #40ff4c
  • #6ce637

CSS

background: linear-gradient(0deg, oklch(43.31% 0.0593 229.22) 0.000% 12.500%, oklch(55.91% 0.1089 229.22) 12.500% 25.000%, oklch(70.08% 0.1316 223.94) 25.000% 37.500%, oklch(81.10% 0.1364 201.74) 37.500% 50.000%, oklch(87.80% 0.1736 168.98) 50.000% 62.500%, oklch(87.40% 0.2274 151.02) 62.500% 75.000%, oklch(87.40% 0.2632 143.62) 75.000% 87.500%, oklch(82.28% 0.2329 138.34) 87.500% 100.000%);

In these collections

Green gradientsTropical gradientsBlue and green gradients

Similar palettesCollectionsDownload PNGPalette JSONMarkdownHow it works