ShotmeshOpen editor
Linear preset

Espresso gradient background

Dark brown to near black, warm and quiet.

Open in editor All backgrounds
  • #1C1917
  • #78350F
  • #D6A268
Espresso gradient background behind a dashboard screenshot in a browser frame

Best for

Premium products, reading apps, dark-mode interfaces with warm accents.

Pairs with

Dark frame, cream text.

Editable layers

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

How to use it

Put a screenshot on Espresso

  1. 01

    Open the preset

    Click "Open in editor" above. The editor loads with Espresso 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 Espresso

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

Open in editor