Skip to content

Grabient palettes

Forest green and stone spring tide seagrass

Monochrome dark green to gray color palette

This palette moves from green to light green. It steadily lightens across a broad lightness range, combining moderate color with clear contrast. Linear gradient, 32 colors at 90°: #0e3923, #227146, #53aa79, #82c49e, #a4baae. Edit and export CSS, SVG, PNG or a shader.

5 editable OKLCH keyframes.

  • #0e3923
  • #0f3d26
  • #114229
  • #12492d
  • #145132
  • #175937
  • #1a623c
  • #1e6a41
  • #227146
  • #27794c
  • #2d8052
  • #338858
  • #39905f
  • #409766
  • #469e6c
  • #4da473
  • #53aa79
  • #5aaf7f
  • #61b485
  • #68b98b
  • #6fbc90
  • #76c095
  • #7cc29a
  • #82c49e
  • #88c5a2
  • #8dc5a5
  • #92c3a8
  • #97c1aa
  • #9bbfab
  • #9fbdac
  • #a2bbad
  • #a4baae

CSS

background: linear-gradient(90deg in oklch, oklch(30.71% 0.0606 157.50) 0.0%, oklch(32.13% 0.0642 157.31) 3.2%, oklch(34.02% 0.0691 157.03) 6.5%, oklch(36.28% 0.0750 156.69) 9.7%, oklch(38.78% 0.0814 156.33) 12.9%, oklch(41.42% 0.0879 155.99) 16.1%, oklch(44.08% 0.0939 155.69) 19.4%, oklch(46.64% 0.0990 155.47) 22.6%, oklch(49.00% 0.1028 155.37) 25.8%, oklch(51.36% 0.1059 155.37) 29.0%, oklch(53.78% 0.1085 155.43) 32.3%, oklch(56.22% 0.1107 155.55) 35.5%, oklch(58.62% 0.1123 155.72) 38.7%, oklch(60.95% 0.1134 155.91) 41.9%, oklch(63.16% 0.1137 156.12) 45.2%, oklch(65.20% 0.1134 156.34) 48.4%, oklch(67.05% 0.1124 156.55) 51.6%, oklch(68.81% 0.1105 156.77) 54.8%, oklch(70.47% 0.1080 157.01) 58.1%, oklch(72.02% 0.1048 157.27) 61.3%, oklch(73.43% 0.1010 157.54) 64.5%, oklch(74.67% 0.0967 157.83) 67.7%, oklch(75.74% 0.0919 158.14) 71.0%, oklch(76.59% 0.0868 158.47) 74.2%, oklch(77.19% 0.0809 158.84) 77.4%, oklch(77.49% 0.0735 159.26) 80.6%, oklch(77.56% 0.0652 159.73) 83.9%, oklch(77.46% 0.0565 160.21) 87.1%, oklch(77.26% 0.0480 160.68) 90.3%, oklch(77.03% 0.0402 161.11) 93.5%, oklch(76.85% 0.0337 161.47) 96.8%, oklch(76.77% 0.0289 161.73) 100.0%);

In these collections

Spring tide seagrass

Similar palettesCollectionsDownload PNGPalette JSONMarkdownHow it works