Mocha Cupcakes

These mocha cupcakes are rich, moist, and packed with chocolate and coffee flavour, finished with a light, fluffy mocha buttercream frosting.

If you love the combination of chocolate and coffee, these mocha cupcakes are a must-bake. Soft, moist, and full of rich chocolate flavor, each cupcake is enhanced with freshly brewed coffee for a true mocha taste. Topped with a light, fluffy espresso buttercream frosting, these chocolate coffee cupcakes are perfectly balanced—sweet, chocolatey, and coffee-forward without being overpowering.

The texture of the cupcake is tender and moist, thanks to oil in the batter and hot coffee that blooms the cocoa. With a large bowl and a simple cupcake pan, you can easily combine ingredients and whip up this batch in under 30 minutes. After baking, transfer your cupcakes to a cooling rack to preserve their soft crumb and prepare them for frosting. These homemade chocolate cupcakes are an easy, crowd-pleasing dessert that works for birthdays, gatherings, or simply indulging your love of coffee and chocolate.

Tips for Perfect Chocolate Mocha Coffee Cupcakes

• Do not overmix: Stir just until the batter comes together to keep the cupcakes light and fluffy.
• Measure flour correctly: Spoon and level the flour rather than scooping to avoid dense cupcakes.
• Use room temperature ingredients: Eggs and milk blend more smoothly and bake more evenly.
• Add hot coffee: The coffee should be freshly brewed and very hot to properly bloom the cocoa powder.
• Fill liners properly: Fill cupcake liners about two-thirds full for even baking and a domed top.
• Keep the oven closed: Opening the door early can cause cupcakes to sink.
• Cool before frosting: Let cupcakes cool completely so the buttercream holds its shape.

How to Store Frosted Mocha Cupcakes

• Room temperature: Store frosted cupcakes in an airtight container at room temperature for up to 3 days.
• Refrigerator storage: Refrigerated cupcakes will keep for up to 1 week. Bring to room temperature before serving for the best texture.
• Freezing unfrosted cupcakes: Freeze unfrosted cupcakes in an airtight container for up to 2 months.
• Thawing: Thaw at room temperature for 4 to 5 hours, then frost just before serving.

Equipment Needed for Making Cupcakes

• Mixing bowl and whisk: The cupcake batter comes together easily by hand, no mixer required.
• Muffin tins: Two standard 12-cup muffin tins are needed for 24 cupcakes.
• Cupcake liners: Prevent sticking and make for easy cleanup.
• Stand mixer or hand mixer: Best for whipping smooth, fluffy mocha buttercream.
• Piping bag and tip (optional): Use a large star tip for bakery-style frosting swirls, or simply spread the frosting with a spatula.

Ingredients & Substitutions

Flour: All-purpose flour is best. Spoon and level for a light, tender crumb.
Sugar: Granulated white sugar adds sweetness and structure.
Cocoa powder: Unsweetened cocoa powder delivers rich chocolate flavour. Do not use hot chocolate mix.
Baking powder & baking soda: Ensure both are fresh to guarantee a proper rise.
Salt: Balances flavours and enhances chocolate.
Eggs: Room temperature eggs blend better and help create a soft, tender cupcake.
Milk: Whole milk gives the best flavour, but dairy-free alternatives work. Bring to room temperature before mixing.
Oil: Neutral-flavoured oil keeps cupcakes moist. Can substitute with applesauce for a lighter version.
Vanilla extract: Pure is ideal; artificial works if that’s what you have.
Coffee: Strong, freshly brewed coffee enhances chocolate flavour and keeps the cupcakes moist. Hot when added.
Butter (for frosting): Unsalted, room temperature for smooth, creamy buttercream.
Powdered sugar: Also called icing sugar, provides sweetness and structure to the frosting.
Garnish (optional): Brown sprinkles or chocolate-covered coffee beans for decoration.

Frequently Asked Questions

Mocha Cupcakes

Yields: 24 cupcakes | Prep Time: 20 minutes | Bake Time: 20 to 22 minutes

Ingredients

Mocha Cupcakes

• 2 cups all-purpose flour
• 1½ cups granulated sugar
• ¾ cup unsweetened cocoa powder
• 1½ teaspoons baking powder
• 1½ teaspoons baking soda
• 1 teaspoon salt
• 2 large eggs, room temperature
• 1 cup milk, room temperature
• ½ cup vegetable oil
• 1½ teaspoons vanilla extract
• ¾ cup freshly brewed strong coffee, hot

Mocha Buttercream Frosting

• 1 cup unsalted butter, room temperature
• 3½ cups powdered sugar
• ½ tablespoon unsweetened cocoa powder
• 3 tablespoons strong brewed coffee, cooled
• ⅛ teaspoon salt
• 2 teaspoons vanilla extract
• Optional garnish: brown sprinkles or chocolate-covered coffee beans

Directions

Make the Cupcakes

1. Preheat oven to 350°F (180°C). Line two 12-cup muffin tins with cupcake liners and set aside.
2. In a large mixing bowl, whisk together the flour, sugar, cocoa powder, baking powder, baking soda, and salt until well combined. (Image 1)
3. Add the eggs, milk, oil, and vanilla extract. Whisk just until combined. Do not overmix.
4. Carefully stir in the hot brewed coffee until smooth. The batter will be thin. (Image 2)
5. Divide the batter evenly between the cupcake liners, filling each about ⅔ full.
6. Bake for 20 to 22 minutes, or until a toothpick inserted into the centre comes out clean.
7. Remove from the oven and transfer cupcakes to a wire rack. Allow to cool completely before frosting.

Make the Mocha Buttercream

1. In a stand mixer fitted with the whisk attachment, or using a hand mixer, beat the butter on high speed until light and creamy.
2. Add the powdered sugar, cocoa powder, cooled coffee, salt, and vanilla extract.
3. Mix on low speed until combined, then increase to high speed and beat for 1 minute until fluffy and smooth. (Image 3)

Assemble

1. Transfer frosting to a piping bag fitted with a large star tip, or spread with a spatula. (Image 4)
2. Frost cooled cupcakes and garnish as desired.

Note:
For tall, bakery-style swirls, double the buttercream recipe. For spreading, the listed amount is perfect.