Skip to content

Grabient palettes

Light blue, teal, green and yellow linear gradient

Light blue, teal, green and yellow color palette

Linear gradient, 7 colors at 90°: #e9f5fe, #a2d4e7, #5aaeb8, #40af87, #96c14c, #d4d23d, #f1ca4f. Edit and export CSS, SVG, PNG or a shader.

6 editable OKLCH keyframes.

  • #e9f5fe
  • #a2d4e7
  • #5aaeb8
  • #40af87
  • #96c14c
  • #d4d23d
  • #f1ca4f

CSS

background: linear-gradient(90deg in oklch, oklch(96.46% 0.0179 237.66) 0.0%, oklch(84.14% 0.0588 223.32) 16.7%, oklch(70.31% 0.0827 205.41) 33.3%, oklch(67.89% 0.1174 165.73) 50.0%, oklch(75.62% 0.1529 126.66) 66.7%, oklch(83.95% 0.1629 108.88) 83.3%, oklch(85.04% 0.1447 90.77) 100.0%);

In these collections

Golden pollen

Similar palettesCollectionsDownload PNGPalette JSONMarkdownHow it works