Pistachio CSS Gradient — Copy the Code

Soft sage green into pale cream, quiet and organic. Copy the Pistachio gradient as CSS, a custom property, or a Tailwind theme block, and check its text contrast.

Pistachio CSS

background: linear-gradient(95deg, rgba(157, 193, 131, 1) 0%, rgba(227, 236, 208, 1) 100%);

Color stops

  • #9DC183 at 0% (100% opacity)
  • #E3ECD0 at 100% (100% opacity)

Edit this gradient · Browse all gradients · Check text over gradients