Skip to content

Grabient palettes

Forest Signal Color Bars

Dark green, yellow, red and purple color palette

Five horizontal swatches move from deep forest and bright green through warm yellow and signal red to dark plum. Linear swatches, 5 colors at 180°: #173229, #31a66a, #f3d543, #e94b3b, #3a234f. Edit and export CSS, SVG, PNG or a shader.

5 editable OKLCH keyframes.

  • #173229
  • #31a66a
  • #f3d543
  • #e94b3b
  • #3a234f

CSS

background: linear-gradient(180deg, oklch(29.13% 0.0372 170.16) 0.000% 20.000%, oklch(64.57% 0.1364 156.42) 20.000% 40.000%, oklch(87.40% 0.1598 97.24) 40.000% 60.000%, oklch(63.39% 0.1970 29.61) 60.000% 80.000%, oklch(30.71% 0.0799 306.12) 80.000% 100.000%);

In these collections

Funhaus

Similar palettesCollectionsDownload PNGPalette JSONMarkdownHow it works