Mocha Cupcakes

Mocha Cupcakes

A good quality chocolate cake and mocha frosting should be part of everyone'’s baking repertoire. The coffee in the cake boosts the natural flavour of chocolate, making it rich and moist. You'’ll want to eat this American style buttercream frosting with a spoon.


24 cupcakes


15 minutes


40 minutes


What you need for the cupcake

  • 6 tablespoons (85g) unsalted butter, at room temperature
  • 3/4 cup (180g) Redpath Dark Brown Sugar, firmly packed
  • 1/4 cup (50g) Redpath Granulated Sugar
  • 2 large eggs
  • 3/4 cup (175ml) cold coffee
  • 1 teaspoon (5ml) vanilla extract
  • 1 cup + 1 tablespoon (135g) all-purpose flour
  • 1/2 cup (40g) Dutch cocoa powder
  • 1/8 teaspoon (0.5g) baking soda
  • 1/2 teaspoon (2g) baking powder
  • 1/4 teaspoon (1.5g) salt

What you need for the mocha frosting

  • 3/4 cup (175ml) cold coffee
  • 1 cup (227g) unsalted butter, at room temperature
  • 3 ½ cups (420g) Redpath Icing Sugar
  • 1/2 cup (50g) cocoa
  • 1 tablespoon cold coffee


How to prepare

1. Preheat the oven to 325°F (170°C).

2. In a large bowl cream the butter until smooth with an electric mixer.

3. Add the sugars and beat until fluffy, about 3 minutes.

4. Add the eggs to the bowl and beat well, until incorporated.

mocha cupcakes how to--5

mocha cupcakes how to--6

mocha cupcakes how to--7

5. Then add in the cold coffee and vanilla and mix. Don’t worry if the batter looks a little uneven.

mocha cupcakes how to--8

mocha cupcakes how to--9

6. Sift the flour, cocoa, baking soda, baking powder and salt together, right into the wet ingredients.

mocha cupcakes how to--10

mocha cupcakes how to--11

mocha cupcakes how to--12

mocha cupcakes how to--13

mocha cupcakes how to--14

mocha cupcakes how to--15

7. Mix until mostly combined with the mixer then fold the rest together with a rubber spatula.

mocha cupcakes how to--16

8. Divide the batter into a muffin pan that has been lined with paper liners.

mocha cupcakes how to--17

mocha cupcakes how to--18

9. Bake for 15 to 20 minutes or until a cake tester inserted into the center comes out clean.

10. Cool in pan on a rack for about 10 minutes then turn them out of the pan and cool the rest of the way on a cooling rack.

11. While the cake is cooling prepare the frosting.

12. Cream the butter on medium speed until soft and even.

13. Sift the Redpath Icing Sugar and cocoa into the the butter.

14. Mix the sugar and cocoa into the butter, gradually increasing the speed to medium. Continue mixing for 5 minutes.

15. Once the frosting starts to look light and fluffy, slowly pour in the coffee with the mixer running.

16. Once the coffee is completely mixed in and your cupcakes are cooled you're ready to decorate.

17. Fill a piping bag fitted with your favourite piping tip with the chocolate frosting.

18. Pipe as little or as much frosting as you prefer on top of the cooled cupcakes and decorate with sprinkles or cupcake toppers if your heart desires.

mocha cupcake hero-3


  • If you don'’t have any coffee on hand feel free to mix up a little instant coffee. Instant coffee is made from freeze dried liquid coffee meaning it is a flavour packed powdered version of real coffee. Use a little or a lot, make it your own based on your flavour preference.