• Skip to primary navigation
  • Skip to main content
  • Skip to primary sidebar
Yummy Tummy
  • Home
  • Recipe Index
  • About
  • Masterchef Journey
  • Media
menu icon
go to homepage
  • Recipe Index
  • About
  • Masterchef Journey
  • Media
    • Facebook
    • Instagram
    • Pinterest
    • Twitter
    • YouTube
  • search icon
    Homepage link
    • Recipe Index
    • About
    • Masterchef Journey
    • Media
    • Facebook
    • Instagram
    • Pinterest
    • Twitter
    • YouTube
  • ×
    Home » Recipes » Recent Recipes

    Mocha Cupcake Recipe (Chocolate Coffee Cupcake)

    Last Updated On: Sep 10, 2026 by Aarthi

    38
    Shares

    Jump to Recipe Pin Recipe Leave a comment Add Yummy Tummy Aarthi as a preferred source on google

    Chocolate cupcakes are always a favorite, but have you tried adding coffee to them ? The combination of chocolate and coffee gives these eggless cupcakes a delicious mocha flavour. These Eggless mocha cupcakes are soft, moist and fluffy cupcakes made with a simple chocolate and coffee flavoured batter.

    Mocha Cupcake Recipe

    I could stand here looking at these cupcakes for ever. I am a chocolate lover, especially when it is combined with coffee, just like my mocha fruit cake cupcakes. It is just one of those things that really make me so happy. The coffee truly enhances the chocolate in these cupcakes and makes them so tasty.

    Jump to:
    • About Mocha Cupcakes Recipe
    • Ingredients
    • Step by Step Pictures
    • Expert Tips
    • FAQ 
    • 📖 Get Recipe

    About Mocha Cupcakes Recipe

    These mocha cupcakes also known as chocolate coffee cupcakes are eggless and they taste way more moist and delicious than regular ones. I am sure this one is going to be in my repertoire.

    This is a great recipe for any party or celebration, easy yet so delicious. I just used simple chocolate syrup or chocolate glaze for topping. You can go one step further and use any frosting you like.

    I have always loved coffee and chocolate, so combining both into one recipe was something I really wanted to try. Chocolate and coffee are such a combination that I keep coming back to. Once you try these soft and fluffy eggless mocha cupcakes, they might become a favourite in your home too. 

    Similar Recipes

    Vanilla Cupcake
    Nutella Cupcake
    Carrot Cupcake

    This is a simple cupcake recipe made with basic ingredients, so you don't need any fancy equipment or complicated steps. The cupcakes have a soft, tender crumb and taste delicious even without any topping. 

    For this recipe, I topped the cupcakes with a simple chocolate sauce, but you can use coffee buttercream, chocolate icing or any frosting you like. A little topping makes them even more special. 

    These mocha cupcakes are perfect for birthdays, special occasions or a simple evening treat with a cup of tea, black coffee or milk. If you love chocolate and coffee, this is definitely a recipe to try. 

    More Recipes

    • Coffee and Chocolate Fruit Cake Recipe
    • Eggless Chocolate Cupcakes Recipe
    • White Chocolate Mocha Recipe - Christmas Special Recipes
    • Vanilla Cupcakes Recipe
    • Eggless Vanilla Cupcakes Recipe

    Ingredients

    • All purpose flour : I used all purpose flour. You can use a combination of wheat flour and plain flour.
    • Cocoa powder : Use unsweetened cocoa powder for the best aroma and flavour. Good quality cocoa powder is used to make rich chocolaty cupcakes.
    • Baking soda : This recipe doesn't has baking powder. Baking soda is the raising agent. Baking soda helps the cupcakes rise and gives them a light and fluffy texture. It also works with the vinegar in the batter to create the lift. 
    • Salt : A small amount of salt added to balance the sweetness and bring out the chocolate and coffee flavors. 
    • Strong brewed black coffee: I used strong brewed coffee to give these cupcakes their delicious mocha flavour. Coffee also helps bring out and intensify the chocolate flavour without making the cupcakes taste too bitter. 
    • Sugar : Sugar adds sweetness to the cupcakes and also helps keep them soft and moist. 
    • White vinegar : White vinegar reacts with baking soda and helps the cupcakes rise without using eggs. 
    • Vanilla extract : Vanilla adds a pleasant aroma and balances the strong chocolate and coffee flavours. 
    • Vegetable oil : I used vegetable oil to keep these eggless cupcakes soft and moist. Oil gives the cupcakes a tender texture that stays soft even after cooling. 
    • Chocolate sauce or any frosting for topping : You can use chocolate sauce, chocolate frosting, buttercream or any frosting you like for topping.
    • Sprinkles - Add sprinkle to make the cupcakes look extra tempting. 

    Step by Step Pictures

    1)Preheat oven to 180 degree C (360 degree F). Line 12 cup muffin pan with cupcake cases and set aside.

    Dry Ingredients

    2)Take plain flour in a bowl.

    3)Add in cocoa powder into the flour.

    4)Add in baking soda and salt into this mixture.

    5)Whisk it really well to evenly distribute all the ingredients. This is your dry ingredients.

    Wet Ingredients

    6)Take strongly brewed black coffee in a bowl. Add in vinegar.

    7)Add in vanilla extract.

    8)Add in oil. You can use melted butter.

    9)Add in sugar into this mixture.

    10)Mix this wet ingredients all together until the sugar is completely melted and the oil is emulsified into the coffee.

    Make Batter

    11)Now add in the dry ingredients into the wet ingredients.

    12)Use a whisk to combine the batter gently.

    13)Use an ice cream scoop to scoop the batter to fill the moulds.

    14)Scoop the batter into the muffin cases. Don't over fill the batter, just fill ¾th.

    15)Now place this into the oven and bake for 18 to 20 mins.

    Decorating Cupcakes

    16)Remove it from oven and let it cool for 5 mins in the pan. Now remove from pan and cool it over some wire rack completely.

    17)Now decorate the top with chocolate sauce or frosting.

    18)Decorate with sprinkles.

    19)Enjoy.

    Expert Tips

    • Use strong brewed coffee or espresso as it gives the cupcakes a better mocha flavour. You can also use instant coffee dissolved in hot water. 
    • Fill each cupcake liner about ⅔ to ¾ full. This gives the batter enough space to rise properly. 
    • Add a handful of chocolate chips to the batter for extra chocolate flavour. 
    • Allow the cupcakes to cool completely before adding chocolate sauce or any frosting. Otherwise, the topping may melt and become runny. 

    Storage and Serving

    Store the mocha cupcakes in an airtight container. Without frosting, it can be stored at room temperature for 5 days. It can also be refrigerated for a week. 

    These mocha cupcakes taste delicious on their own, but you can also top them with coffee buttercream, chocolate ganache.

    FAQ 

    Q. Can I add chocolate chips to the batter ? 

    Yes, add a handful of chocolate chips to the batter for extra chocolate flavour and a gooey texture. 

    Q. Can I make these cupcakes with frosting ?

    Absolutely ! The cupcakes taste delicious on their own, but you can decorate them with any frosting of your choice. 

    Q. Will these cupcakes taste strongly of coffee ? 

    No, the coffee mainly enhances the chocolate flavour. You can adjust the amount of coffee depending on how strong you want the mocha flavour to be.

    📖 Get Recipe

    Mocha Cupcake Recipe (Chocolate and Coffee Cupcake Recipe)

    Chocolate cupcakes are always a favorite, but have you tried adding coffee to them ? The combination of chocolate and coffee gives these eggless cupcakes a delicious mocha flavour. These Eggless mocha cupcake are soft, moist and fluffy cupcakes made with a simple chocolate and coffee flavoured batter.
    5 from 1 vote
    Print Recipe Pin Recipe
    Prep Time 15 minutes mins
    Cook Time 20 minutes mins
    0 minutes mins
    Total Time 35 minutes mins
    Course Breakfast, Desert
    Cuisine American
    Servings 12 cupcakes
    Calories 181 kcal

    Equipment

    12 cup Muffin Tray

    Ingredients

    Dry Ingredients

    • 1½ cup All Purpose Flour (Plain flour) 180 grams
    • ⅓ cup Unsweetened Cocoa Powder 40 grams
    • 1 teaspoon Baking Soda
    • ¼ teaspoon Salt

    Wet Ingredients

    • 1 cup Strong Brewed Coffee 240 ml
    • 1 cup Granulated Sugar 200 grams
    • 1 tablespoon White Vinegar
    • 1 teaspoon Vanilla Extract
    • ⅓ cup Sunflower Oil 80 ml

    For Decorating

    • Chocolate Sauce or any frosting for topping
    • Sprinkles optional

    Instructions
     

    • Preheat oven to 180 degree C (360 degree F). Line 12 cup muffin pan with cupcake cases and set aside.
    • Mix dry ingredients. Take plain flour, cocoa, baking soda, salt in a bowl and whisk well until combined. Set this aside.
    • Now for wet ingredients. Take brewed coffee, oil, sugar, vinegar and vanilla extract in a bowl and whisk until sugar is melted completely.
    • Now add in the dry ingredients into the wet and use a whisk to combine until just mixed.
    • Use an ice cream scoop to scoop the batter and fill into the cupcake cases. Fill until it is ¾th full. Now place this into the oven and bake for 18 to 20 mins.
    • Remove it from oven and let it cool for 5 mins in the pan. Now remove from pan and cool it over some wire rack completely.
    • Now decorate the top with chocolate sauce and sprinkles. Serve.

    Nutrition

    Nutrition Facts
    Mocha Cupcake Recipe (Chocolate and Coffee Cupcake Recipe)
    Serving Size
     
    1 cupcakes
    Amount per Serving
    Calories
    181
    % Daily Value*
    Fat
     
    7
    g
    11
    %
    Saturated Fat
     
    1
    g
    6
    %
    Polyunsaturated Fat
     
    0.3
    g
    Monounsaturated Fat
     
    5
    g
    Sodium
     
    141
    mg
    6
    %
    Potassium
     
    64
    mg
    2
    %
    Carbohydrates
     
    30
    g
    10
    %
    Fiber
     
    1
    g
    4
    %
    Sugar
     
    17
    g
    19
    %
    Protein
     
    2
    g
    4
    %
    Calcium
     
    6
    mg
    1
    %
    Iron
     
    1
    mg
    6
    %
    * Percent Daily Values are based on a 2000 calorie diet.
    Tried this Recipe
    Mention @yummytummyaarthi or tag #yummytummyaarthi!
    Pinterest Facebook Share on X
    Share Recipe

    If you have any questions not covered in this post and if you need help, leave me a comment or mail me @aarthi198689@gmail.com and I'll help as soon as I can.

    Follow me on Instagram, Facebook,Pinterest ,Youtube and Twitter for more Yummy Tummy inspiration.

    IF YOU MAKE THIS RECIPE OR ANYTHING FROM YUMMY TUMMY, MAKE SURE TO POST IT AND TAG ME SO I CAN SEE ALL OF YOUR CREATIONS!! #YUMMYTUMMYAARTHI AND @YUMMYTUMMYAARTHI ON INSTAGRAM!

    More Cupcake Recipes

    • Eggless Vanilla Cupcakes Recipe
    • 4 Ingredient Nutella Cupcakes Recipe
    • Cupcakes Recipe
    • Eggless Chocolate Lava Cake
    • Chocolate Sponge Muffins Recipe
    • Carrot Cupcakes Recipe


    38
    Shares

    More Recent Recipes

    • Eggless Marshmallow Brownies Recipe
    • Cheesy Chicken Tomato Pasta Bake Recipe
    • Seer Fish Fry Recipe (Vanjaram Meen Varuval)
    • Homemade Tea Rusk Recipe (Milk Rusk)
    Avatar photo

    About Aarthi

    Over the past few years I’ve been on a mission to find and create recipes that I can make from scratch. I hope you enjoy the recipes on this blog as they are tried and true from my kitchen to yours!

    Reader Interactions

    Comments

      5 from 1 vote (1 rating without comment)

      Leave a Reply Cancel reply

      Your email address will not be published. Required fields are marked *

      Recipe Rating




      This site uses Akismet to reduce spam. Learn how your comment data is processed.

    1. Anonymous

      at

      Hi Aarthi,beautiful and lovely cakes.so tempting.I must try it. Can we use wheat flour instead of maida.

      Reply
      • Aarthi

        at

        yes u can use wheat flour

        Reply
    2. Nirmala

      at

      Lovely! For "strong coffee " can I just mix 1 cup hot water and a table spoon of instant coffee powder? ?

      Reply
      • Aarthi

        at

        yes it will work

        Reply
        • Vanitha.J

          at

          Hi aarthi sister can I use normal coffee powder ( filter coffee powder). To use coffee chocolate cake.

          Reply
          • Aarthi

            at

            Use instant coffee powder

            Reply
    3. Anonymous

      at

      Y u use vinegar in dis recipie ?
      Is dere any subtitute of vinegar ??

      Reply
      • Aarthi

        at

        vinegar reacts with baking soda in this recipe and makes this cupcakes extra soft and moist. You can add lemon juice instead of vinegar

        Reply
    4. Anonymous

      at

      Hi Aarthi.. Could we omit the vinegar out of the recipe..or add an egg instead?

      Reply
      • Aarthi

        at

        NO vinegar is must in this recipe. If you want to skip it, you can add lemon juice instead.

        Reply
    5. SONICA RAWAL

      at

      Can we skip coffee?if yes what is the substitute?thanx.

      Reply
      • Aarthi

        at

        Yes u can skip coffee, instead add same amount of water

        Reply
    6. Priya

      at

      Hi aarthi.. Tried both the mocha as well as your nutella cupcake recipe.. Both were wonderful.. Thanks a lot..
      However i have one question.. My cupcakes cracked on the top.. How can that be corrected?

      Reply
      • Aarthi

        at

        Dont over fill the moulds. Just fill 3/4th way

        Reply
    7. Alboni - Boni's Healthy Twists

      at

      Looks Tempting !!! Will try it soon.

      Reply
    8. kalpana kk

      at

      Hi aarthi
      Shall we use butter r margarine instead of oil
      I tried as u said but cupcakes r too moistened.

      Reply
      • Aarthi

        at

        U can used melted butter in this

        Reply
    9. Alboni - Boni's Healthy Twists

      at

      I tried it, it turned out perfect !!!

      Reply
    10. Nirmala

      at

      Hello Aarthi!I baked this as a cake and the texture came out fantastic! But chocolate flavour was in dominance. ..just added a teaspoon of bru to water. ..is that not enough? ??otherwise it is good and soffffft!

      Reply
    11. Prakash Mistry

      at

      how long it can be stored

      Reply
    12. Husna Fathima

      at

      Sis what if don't have icecream cream scoop how many tablespoon should we used to pour batter into cupcake liner .
      Do give us measurement how many spoons should we add in medium size cupcake liner and mini cupcake liner.thanku

      Reply
    13. sheetal garg

      at

      Hi aarthi!!
      Can i make them in microwave oven?

      Reply

    Primary Sidebar

    MEET THE AUTHOR

    Aarthi Satheesh, founder of Yummy Tummy in a blue blouse inside her home.

    Hi, I'm Aarthi!

    WELCOME. Over the past few years, I’ve been on a mission to find and create recipes that I can make from scratch. I hope you enjoy the recipes on this blog as they are tried and true from my kitchen to yours! More →

    STAY CONNECTED.

    • Facebook
    • Instagram
    • Pinterest
    • YouTube

    Popular Posts

    • Apple Cider Vinegar with Ginger, Garlic, Lemon, & Honey
    • Traditional Fruit Cake Recipe
    • Rasgulla Recipe
    • Rainbow Cake | Rainbow Unicorn Cake
    • Microwave Chocolate Cake Recipe
    • Homemade Ladi Pav Recipe (Eggless)
    • 5 Min Oreo Cake Recipe
    • Chicken Dum Biryani Recipe

    Footer

    Home
    Recipe Index
    About
    Privacy

    Copyright © 2026 Yummy Tummy

    Rate This Recipe

    Your vote:




    A rating is required
    A name is required
    An email is required

    Recipe Ratings without Comment

    Something went wrong. Please try again.