Skip to content
Grabient palettes

Seamless light blue, teal and gray linear gradient

Seamless light blue, teal and gray color palette

Linear gradient, 7 colors at 90°: #a5d7df, #66a0b5, #40687f, #4a6668, #839388, #b4cfbb, #aedfe1. Edit and export CSS, SVG, PNG or a shader.

6 editable OKLCH keyframes.

  • #a5d7df
  • #66a0b5
  • #40687f
  • #4a6668
  • #839388
  • #b4cfbb
  • #aedfe1

CSS

background: linear-gradient(90deg in oklch, oklch(84.65% 0.0524 208.12) 0.0%, oklch(67.32% 0.0680 223.68) 16.7%, oklch(49.72% 0.0580 234.35) 33.3%, oklch(48.99% 0.0337 200.60) 50.0%, oklch(64.67% 0.0240 155.84) 66.7%, oklch(82.83% 0.0397 153.95) 83.3%, oklch(87.01% 0.0510 199.67) 100.0%);

In these collections

Frosted eucalyptusWinter swatchesOcean swatchesWinter

Similar palettesCollectionsDownload PNGPalette JSONMarkdownHow it works