ShotmeshOpen editor
Linear preset

Matcha gradient background

Soft green to deep green.

Open in editor All backgrounds
  • #14532D
  • #4ADE80
  • #ECFCCB
Matcha gradient background behind a dashboard screenshot in a browser frame

Best for

Finance, health and sustainability products.

Pairs with

Light frame, dark green text, cream arrows.

Editable layers

3 color stops at 150 degrees. Change any stop, the angle, or add a third color.

How to use it

Put a screenshot on Matcha

  1. 01

    Open the preset

    Click "Open in editor" above. The editor loads with Matcha already applied to the canvas.

  2. 02

    Paste your screenshot

    Cmd+V or drag a file in. Add a window frame, padding and shadow from the right panel. Run the privacy scan if there is anything sensitive.

  3. 03

    Export

    PNG for a static post. GIF or MP4 if you want the mesh to move. The GIF is compressed under the 15MB X limit automatically.

More Linear

Same family, different mood

Works well with

Tools that use this background

Code

Make a code screenshot worth posting

Motion

Turn a static screenshot into a looping GIF

For X

Make a screenshot that looks right on X

Motion

Make a screenshot mockup that moves

Start with Matcha

It is loaded and waiting. Paste a screenshot and export in under a minute.

Open in editor