Coffee Mug Mockup
Last Updated on July 26, 2026 by Editorial Team
A fully customizable coffee mug mockup designed and shared by Redouane Tanane. Enjoy!
This coffee mug mockup keeps the staging simple on purpose: a plain white ceramic mug with a solid teal interior and matching teal rim, photographed dead center against a flat teal backdrop that echoes the inner glaze.
That color-matching between the mug’s lining and the background is what gives the shot its polish. It reads like a proper studio product photo rather than a generic template, with soft, even shadows underneath the mug and along the counter line that ground it without pulling focus from the ceramic itself.
The logo placement on the front-facing curve, sitting just below the rim and centered on the barrel, is where your design goes, and the mockup is lit and angled so that a stacked wordmark or small lockup sits naturally on the curved surface without needing heavy distortion.
This kind of mug mockup is a natural fit for cafes, roasteries, and bakeries showing off branded merchandise, but it works just as well for lifestyle brands, small batch product lines, subscription boxes, or any studio building out a client presentation deck.
Because the background and interior color are both a strong teal, it also doubles nicely as inspiration for how to present a mug design when you want the packaging colors to feel intentional rather than accidental.
If you’re pitching a coffee shop identity, a wedding favor mug, or a corporate gift set, this is a fast way to show the artwork in context instead of leaving a client to imagine it on a flat vector outline.
Placing Your Design on the Mug
Most editors handle this through a smart object or a similarly named editable layer group; open it, and you’ll find a blank canvas sized to the curved front panel of the mug.
Drop your logo or pattern into that layer, keeping in mind that anything placed too close to the handle side or too near the rim will curve out of view or get cropped by the mug’s shape.
Centering your mark in the middle third of that panel, the way the “freebies cafe” logo sits here, is the safest bet for readability.
Once your artwork is in place and the file is saved or flattened back into the main composition, the mockup’s existing shadow and highlight layers should settle over your design automatically, giving it the same subtle sheen and curvature as the rest of the ceramic.
If your brand uses a different accent color, try recoloring the interior rim and the background together, the way this preview does with teal, so the whole scene feels considered rather than default white-on-white.
For a fuller presentation, pair this mug shot with a matching tote bag, apron, or coaster mockup so a client can see the mug as part of a cohesive merchandise or cafe branding set rather than a single isolated item.
