Skip to content

Grabient palettes

Yellow, dark green, teal and light blue linear gradient

Yellow, dark green, teal and light blue color palette

Linear gradient, 7 colors at 90°: #d3b626, #003651, #305829, #005548, #005a62, #cbae3e, #b1dffd. Edit and export CSS, SVG, PNG or a shader.

6 editable OKLCH keyframes.

  • #d3b626
  • #003651
  • #305829
  • #005548
  • #005a62
  • #cbae3e
  • #b1dffd

CSS

background: linear-gradient(90deg in oklch, oklch(77.95% 0.1516 97.03) 0.0%, oklch(31.64% 0.0696 237.44) 16.7%, oklch(41.86% 0.0865 140.71) 33.3%, oklch(40.16% 0.0742 177.52) 50.0%, oklch(42.57% 0.0728 205.89) 66.7%, oklch(75.51% 0.1317 94.12) 83.3%, oklch(88.19% 0.0634 236.52) 100.0%);

Similar palettesCollectionsDownload PNGPalette JSONMarkdownHow it works