Skip to content

Grabient palettes

Vivid blue, teal and green linear gradient

Vivid blue, teal and green color palette

Linear gradient, 7 colors at 90°: #0072be, #0082b9, #0097b1, #05aea5, #05c296, #17ce83, #07d372. Edit and export CSS, SVG, PNG or a shader.

5 editable OKLCH keyframes.

  • #0072be
  • #0082b9
  • #0097b1
  • #05aea5
  • #05c296
  • #17ce83
  • #07d372

CSS

background: linear-gradient(90deg in oklch, oklch(53.94% 0.1460 248.22) 0.0%, oklch(57.51% 0.1257 237.06) 16.7%, oklch(62.38% 0.1106 215.69) 33.3%, oklch(67.72% 0.1171 187.97) 50.0%, oklch(72.30% 0.1436 169.34) 66.7%, oklch(75.07% 0.1721 157.91) 83.3%, oklch(75.98% 0.1943 153.10) 100.0%);

In these collections

Ocean gradients

Similar palettesCollectionsDownload PNGPalette JSONMarkdownHow it works