Skip to content

Grabient palettes

Vivid blue, teal and green linear swatches

Vivid blue, teal and green color palette

Linear swatches, 5 colors at 90°: #0072be, #008cb6, #05aea5, #11c98d, #07d372. Edit and export CSS, SVG, PNG or a shader.

5 editable OKLCH keyframes.

  • #0072be
  • #008cb6
  • #05aea5
  • #11c98d
  • #07d372

CSS

background: linear-gradient(90deg, oklch(53.94% 0.1460 248.22) 0.000% 20.000%, oklch(59.84% 0.1169 228.14) 20.000% 40.000%, oklch(67.72% 0.1171 187.97) 40.000% 60.000%, oklch(74.02% 0.1585 162.61) 60.000% 80.000%, oklch(75.98% 0.1943 153.10) 80.000% 100.000%);

In these collections

Ocean gradients

Similar palettesCollectionsDownload PNGPalette JSONMarkdownHow it works