These mocha cupcakes bring together deep chocolate flavor and the warmth of coffee in a way that feels both indulgent and refined. Finished with a silky vanilla cappuccino buttercream, they’re the kind of dessert that pairs just as well with an afternoon latte as it does with a special celebration—simple to make, but rich enough to feel bakery-worthy.
☕ Mocha Cupcakes with Vanilla Cappuccino Buttercream
Equipment
- Mixing bowls
- Whisk
- Hand mixer or stand mixer
- Rubber spatula
- measuring cups
- Measuring spoons
- cupcake pan
- Cupcake liners
- Cooling rack
- piping bag
- piping tip
Ingredients
Mocha Cupcakes
- 1 cup 125 g all-purpose flour
- ½ cup 50 g unsweetened cocoa powder
- 1 teaspoon baking powder
- ½ teaspoon baking soda
- ½ teaspoon salt
- ½ cup 100 g granulated sugar
- ½ cup 100 g brown sugar
- ½ cup vegetable oil
- 2 large eggs room temperature
- ½ cup brewed strong coffee or espresso cooled
- ½ cup whole milk or buttermilk
- 1 teaspoon vanilla extract
Vanilla Cappuccino Buttercream
- 1 cup 226 g unsalted butter, room temperature
- 3½–4 cups powdered sugar
- 2–3 tbsp heavy cream or milk
- 1 teaspoon vanilla extract or butter vanilla extract
- ½–¾ tsp cappuccino extract adjust to taste
- a pinch of salt
Instructions
Mocha Cupcakes
- Preheat oven to 350°F (175°C) and line a 12-cup muffin pan with liners.
- In a medium bowl, whisk together flour, cocoa powder, baking powder, baking soda, salt, granulated sugar, and brown sugar.
- In a separate bowl, whisk oil, eggs, coffee, milk, and vanilla until smooth.
- Add wet ingredients to dry ingredients and mix just until combined.
- Divide batter evenly among liners, filling about ⅔ full.
- Bake for 18–22 minutes, or until a toothpick inserted into the center comes out clean.
- Cool cupcakes completely before frosting.
Buttercream
- Beat butter on medium-high speed until pale and fluffy, about 3–4 minutes.
- Add powdered sugar one cup at a time, mixing well between additions.
- Beat in vanilla or butter vanilla extract, cappuccino extract, salt, and cream.
- Increase speed and whip for 1–2 minutes until smooth and airy.
- Pipe or spread buttercream onto cooled cupcakes.
Notes
- Use strong brewed coffee or espresso for the best mocha flavor; weak coffee will get lost in the chocolate.
- Dutch-process or natural cocoa powder both work, but Dutch-process gives a smoother, richer chocolate taste.
- Do not overmix the batter—mix just until combined to keep the cupcakes soft and tender.
- Start with ½ teaspoon cappuccino extract in the buttercream and adjust to taste; a little goes a long way.
- For extra-fluffy frosting, beat the buttercream an additional 1–2 minutes on high speed.
- These cupcakes taste best at room temperature; if refrigerated, let them sit out for 30 minutes before serving.
Frequently Asked Questions
Do mocha cupcakes taste strongly like coffee?
They have a balanced mocha flavor—rich chocolate with a noticeable but not overpowering coffee note. You can increase or reduce the coffee strength to suit your taste.
Can I use instant coffee instead of brewed coffee?
Yes. Dissolve 1–2 teaspoons of instant coffee or espresso powder in ½ cup hot water, then let it cool before using.
Can I make these cupcakes ahead of time?
Yes. Bake the cupcakes a day in advance and store them unfrosted in an airtight container. Frost them the day you plan to serve.
Do these cupcakes need to be refrigerated?
They can sit out at room temperature for several hours. For longer storage, refrigerate and bring to room temperature before serving.
Can I make this recipe as a layer cake?
Yes. The batter works well for an 8-inch round cake; adjust the baking time to 25–30 minutes and check for doneness.
What can I use if I don’t have cappuccino extract?
You can substitute espresso extract or a small amount of espresso powder dissolved in cream, adjusting to taste.
You Might Also Love
If you’re a fan of fun, bakery-style cupcakes, be sure to check out these other Sugar Cloud Baking favorites:
- Orange Creamsicle Cupcakes – bright citrus flavor with creamy vanilla frosting
https://sugarcloudbaking.com/2025/12/12/orange-creamsicle-cupcakes/ - Banana Split Cupcakes – a playful twist on the classic ice cream treat
https://sugarcloudbaking.com/2025/12/04/banana-split-cupcakes-recipe/ - Strawberry Milkshake Cupcakes – sweet, creamy, and perfect for milkshake lovers
https://sugarcloudbaking.com/2025/11/24/strawberry-milkshake-cupcakes/
These pair perfectly with mocha cupcakes for a colorful, crowd-pleasing dessert spread. ☕🧁
Leave a Reply