Skip to content

Grabient palettes

Gold and teal gradient

Yellow, green and teal color palette

Linear gradient, 7 colors at 132°: #f5d040, #d3ca4a, #aabf58, #86b861, #62b06c, #3aa77a, #149f84. Edit and export CSS, SVG, PNG or a shader.

4 editable OKLCH keyframes.

  • #f5d040
  • #d3ca4a
  • #aabf58
  • #86b861
  • #62b06c
  • #3aa77a
  • #149f84

CSS

background: linear-gradient(132deg in oklch, oklch(86.61% 0.1585 94.22) 0.0%, oklch(82.19% 0.1458 105.18) 16.7%, oklch(76.77% 0.1323 119.58) 33.3%, oklch(72.59% 0.1278 133.19) 50.0%, oklch(68.90% 0.1254 147.06) 66.7%, oklch(65.45% 0.1201 162.51) 83.3%, oklch(62.99% 0.1157 174.53) 100.0%);

Similar palettesCollectionsDownload PNGPalette JSONMarkdownHow it works