• Skip to primary navigation
  • Skip to main content
  • Skip to primary sidebar
  • Home
  • About Me
    • Contact
    • Services
      • Contact
  • Recipes
    • Recipes Visual Index
    • How to Make Ice Cream without an Ice Cream Maker
    • Kitchen Cheat Sheet
    • Kitchen & Pantry Essentials
  • Order Cookie School!

A Cookie Named Desire

menu icon
go to homepage
subscribe
search icon
Homepage link
  • Home
  • About Me
  • Order Cookie School!
  • Recipes
  • Services
×
Home - Cupcakes

Published: Mar 10, 2014 · Modified: Oct 5, 2021 by Amanda Powell · This post may contain affiliate links.

Coffee Cupcakes With Mocha Buttercream Frosting

Jump to Recipe

Have your coffee and eat it too with these moist, flavorful coffee cupcakes that taste like your favorite cup of joe. This cupcake recipe is a proven crowd-pleaser and makes plenty to share with your friends, neighbors, and co-workers!

coffee cupcakes with mocha buttercream frosting on a board

I HATE coffee. Strike that. I used to hate coffee. Now I can mildly tolerate it, though I still don't know much about various brands and types. If you threw me into a Starbucks, I would just order whatever they were advertising on the closest poster. Actually, that's exactly what I do.

There was always something about that distinct coffee smell that really rubs me the wrong way. Maybe it's because I once had to spend an entire night with some stranger's cold coffee staining my jacket as I rode the bus back home from my part-time job in college.

Maybe it's because I once went through a Starbucks craze while in high school and tried to make my own coffee at home with disastrous results. Who knows.

Coffee cupcakes...now that's a horse of a different color!

coffee cupcakes with mocha buttercream frosting baked in a mug

By the way, look at that picture above with the mug adorned in frosting. Inside, there is an actual coffee cupcake...Or, more like 4 cupcakes, about half a pound of frosting, and a billion calories.

Something just told me that I needed to make the coffee cupcakes in a coffee mug, but when I noticed how much batter I needed, I quickly move over to the regular cupcakes. Perhaps I should've just used a smaller mug.

If you are a true coffee lover, you will adore these coffee cupcakes because they merge the best parts of coffee with a pastry. And the mocha buttercream frosting? It's pretty much the perfect coffee topping.

I am telling you, this is going to be the only way you can start your Monday mornings. This is a really great recipe to experiment with different types of coffee (I am picturing myself making these next fall with pumpkin spice coffee... yum!).

I do recommend using the darker roasts or anything with a strong flavor to really enhance that coffee taste. I actually prefer to make this with coffee that is about double in strength. There are also lots of coffee concentrates available in stores (I love Chameleon) that would be perfect for these cupcakes.

coffee cupcakes with mocha buttercream frosting overhead

When making the batter, you will notice that it is very runny and you may be tempted to add more flour. Don't. Resist this urge as much as you can. You will still end up with a light, springy cake, it just takes a little longer to bake. The results are a moist, melt-in-your-mouth experience.

How to Make Coffee Cupcakes Without Eggs

You can make these cupcakes if you cannot eat eggs. I like to make a flax or chia "egg" by using 1 tablespoon of ground flaxseed and 3 tablespoons of water. Allow the mixture to sit for about 5 minutes to gel. This mixture equals about one egg. Just double or triple the amounts for whatever number of eggs needed in any baked good recipe.

coffee cupcakes with mocha buttercream frosting

Don't have time to make this coffee-tastic cupcake now? Pin it for later!

Hungry for More Recipes?

Check out my cake version of these cupcakes on my coffee-flavored cake recipe, and don't miss out on my favorite coffee oreo ice cream! If you're really into coffee, try making your own cold brew coffee at home. Coffee cinnamon rolls might also be a great fit for you! For more cupcakes, you might love my double chocolate cupcakes or even my blackberry lime cupcakes. These Easter cupcakes are delicious at any time of year! 


Recipe Card

Coffee Cupcakes With Mocha Buttercream Frosting

Amanda Powell
Moist coffee cupcakes with an irresistible mocha buttercream frosting
Print Recipe Pin Recipe
Prep Time 30 minutes mins
Cook Time 20 minutes mins
Total Time 50 minutes mins
Course Dessert
Cuisine American
Servings 24 cupcakes
Calories 395 kcal
Prevent your screen from going dark

Ingredients
  

Cupcakes

  • 3 cups 384 grams all-purpose flour
  • 1 teaspoon 5 grams baking powder
  • 2 teaspoons 10 grams baking soda
  • 1 teaspoon 5 grams salt
  • ¼ teaspoon cinnamon
  • pinch of nutmeg
  • 3 tablespoons instant espresso powder
  • 2 cups 402 grams granulated sugar
  • ½ cup 223 grams vegetable oil
  • ¾ cup 184 grams milk, room temperature
  • 1 cup 236 grams strong brewed coffee (I recommend double strength or cold brew concentrate), room temperature
  • 2 eggs room temperature
  • 2 teaspoons 10 grams vanilla

Mocha Buttercream

  • 1 cup 225 grams unsalted butter, room temperature
  • 3 ½ cups 448 grams powdered sugar, sifted
  • ¼ teaspoon salt
  • ¼ cup heavy cream
  • ¼ cup of your favorite coffee cooled to room temperature
  • 1 tablespoon 14.3 grams instant espresso powder
  • 2 tablespoons 28.3 grams cocoa powder, plus more for garnish
Get Recipe Ingredients

Instructions
 

  • Preheat your oven to 350 degrees F. Line your cupcake pan with liners or grease with butter and flour.
  • Mix the flour, baking soda, baking powder, salt, cinnamon, nutmeg, espresso powder, and sugar in a medium bowl.
  • Whisk vigorously the oil, milk, coffee, eggs, and vanilla together in a large bowl.
  • Slowly add the flour mixture to the coffee mixture and mix to combine. Do not over mix.
  • Evenly distribute the batter among the liners. You may need to make a second batch.
  • Bake the cupcakes for about 25 - 30 minutes, or until a toothpick comes out clean.
  • Allow the cupcakes to completely cool.
  • Cream the butter until light and fluffy.
  • Slowly add the powdered sugar and salt.
  • Mix the cream, espresso, coffee, salt, and cocoa powder together, then slowly add to the frosting while beating the mixture. You may not need all of the liquid. 
  • Frost, dust with extra cocoa powder, and enjoy!

Notes

Keep in an airtight container for up to three days.

Nutrition

Serving: 1gCalories: 395kcalCarbohydrates: 36gProtein: 2gFat: 20gSaturated Fat: 14gPolyunsaturated Fat: 1gCholesterol: 20mgSodium: 35mgSugar: 4g
Keyword buttercream, coffee, cupcakes, mocha
Tried this recipe?Tag me on Instagram! @acookienameddesire #acookienameddesire
coffee-cupcakes-with-mocha-frosting

More Cupcake Recipes

  • cupcakes on white plae
    Gingerbread Cupcakes
  • scattered peanut butter and jelly cupcakes
    Peanut Butter and Jelly Cupcakes
  • ice cream cone filled with cupcake and topped with frosting and chocolate sauce
    Ice Cream Cone Cupcakes
  • close up strawberry cupcake with nutella frosting and chocolate heart
    Strawberry Cupcakes

About Amanda Powell

Baker, photographer, and sometimes world traveler behind A Cookie Named Desire. Obsessed with helping people live life sweetly with delicious food to share with the special people in your life and creating lasting memories.

Reader Interactions

Comments

  1. Shweta says

    May 01, 2020 at 4:05 am

    Hi, can I replace the oil with equivalent amount of melted butter? And, isn't the sugar in the recipe too less for that amount of flour?

    Reply
    • Amanda Powell says

      May 02, 2020 at 9:43 am

      Hi! Apologies for the late reply. Yes, you can substitute with melted butter. No one has ever complained about the level of sweetness in these cupcakes that I am aware of, but if you prefer something sweeter, you can try adding a little more! I think the sweetness of the frosting does really well with the cupcakes.

      Reply
  2. Penny Barry says

    April 30, 2020 at 7:25 pm

    This frosting is so delicious. Used all the liquid and added more of the sugar to thicken and then refrigerated. My husband doesnt drink coffee but loves this fluffy frosting. Thanks for this recipe. Will be using it often.

    Reply
    • Amanda Powell says

      April 30, 2020 at 8:38 pm

      I'm so glad you enjoyed it!!!

      Reply
  3. Evelyn says

    September 01, 2019 at 12:34 pm

    Be careful if you are using a scale to measure out your ingredients!!

    Some of the mass measurements conflict with the volume measurements. I started with massing out the oil and it seemed like too much, so I poured it into a measuring cup and it was far more than half a cup. A half cup of vegetable oil = 8 tablespoons, each at 14 g = 112 grams, not 223 grams.

    Reply
    • Amanda Powell says

      September 01, 2019 at 2:10 pm

      Thank you for pointing that out!! We had an intern who was helping to add grams, so I will be sure to fix that and have the other measurements in the other recipes double checked!

      Reply
  4. Mary says

    January 06, 2019 at 6:16 pm

    I liked these, but the cinnamon flavor overtook the coffee flavor. Next time I would leave out cinnamon and make 2 1/2 dozen as they were much too full.

    Reply
  5. Carolyn Roth says

    October 09, 2018 at 12:28 am

    In the ingredient list you have "1/4 cup tablespoons heavy cream". That's a bit confusing lol.

    Reply
    • Amanda says

      October 11, 2018 at 10:12 am

      Oh my gosh, thank you for pointing that out! How embarrassing! It should be 1/4 cup...no tablespoons!

      Reply
  6. Clara B says

    August 16, 2018 at 8:51 pm

    I thought the cupcakes were good! I liked the bake and the flavor. The icing was going very well - until I added the 1/2 cup of liquid. It completely ruined my icing, turning it into a soupy mess 🙁 I ended up reviving it by adding a LOT of additional confectioner's sugar - but by then the taste was off (far too sweet) and really was not as good. I definitely recommend giving the cupcakes a try - although, to me, they didn't taste much like coffee - and give the buttercream a try but be a LOT more sparing with the liquid.

    Reply
    • Amanda says

      August 25, 2018 at 12:07 pm

      Hi Clara, thanks for your honest review! I've not had many people note that the frosting turned soupy for them. Only one other that I can recall immediately, but I adjusted the instructions so that it advises people to add the liquid slowly and may not need all of the liquid. Hopefully that will keep others from experiencing this same issue. Also, if a frosting ever does become too sweet for whatever reason, a pinch or two of salt usually helps cut some of that sweetness down!

      Reply
  7. Jodie says

    April 29, 2018 at 12:25 pm

    Would it be possible to make this into a 2 layer cake instead of cupcakes?

    Reply
    • Amanda says

      April 29, 2018 at 1:39 pm

      Yes, you can! I've actually done this and shared it on the website as well. You can use the same frosting as these cupcakes if you'd like or the frosting I used with the cake version. https://cookienameddesire.com/coffee-flavored-cake-recipe/

      Reply
  8. Tracey says

    October 19, 2017 at 12:37 am

    How can I adjust the recipe for a 12 count yield? Sounds good but 24 is too many for my needs.

    Reply
    • Amanda says

      October 19, 2017 at 8:22 am

      You should be able to divide the recipe directly in half and have them come out great!

      Reply
      • Tracey says

        October 19, 2017 at 12:13 pm

        Thanks! Newer to baking and the recipe has such small fractions to begin with, I didn't want to mess it up!

  9. Maya Byrse says

    July 14, 2017 at 8:07 pm

    I love your recipe but with eggs it is not vegetarian. Can I substitute something else for eggs.

    Reply
    • Amanda says

      July 18, 2017 at 7:10 pm

      I usually like to use flax eggs as a substitute. I use 1 tablespoon ground flaxseed and 2 tablespoons water. Stir and leave to rest for five minutes before using.

      Reply
  10. Dollie says

    May 29, 2017 at 3:28 am

    I made these but I have my frosting in the fridge at the moment. It turned out really runny. What could I have done wrong? I followed the recipe completely. My coffee was completely cool. My butter and sugar mixed awesomely but when I added everything else it just turned to liquid ☹

    Reply
    • Amanda says

      May 29, 2017 at 10:50 am

      Oh no!! I am not sure what could have happened. I've not come across this issue from anyone before, so the only thing I can think of is that maybe the humidity level in your kitchen affected the frosting? Perhaps slowly drizzling in the cream and coffee while the frosting is beating would work to prevent that. I am sure once it's in the fridge, it will firm up. You can also try adding more powdered sugar to help thicken it. Just add a couple of pinches of salt to combat the added sweetness. Please keep me updated!!

      Reply
  11. Doris says

    February 28, 2017 at 8:44 am

    These look so yummy...before I make them I just wanted to double check the baking time...25-30 minutes is that correct? seems a little long for cupcakes

    Reply
    • Amanda says

      February 28, 2017 at 8:54 am

      Yes, that is correct. You can start checking after 15 minutes if it makes you nervous, but the batter is a little runny which is why it takes longer than normal cupcakes. When in doubt, check sooner and use a toothpick to test the batter inside!

      Reply
      • Doris says

        February 28, 2017 at 9:14 am

        Okay great...thanks for your quick response!! 🙂

  12. Madhu Anvekar says

    November 24, 2016 at 8:46 am

    Hi Amanda , Is 1 cup of coffee and brewed coffee the same or different ? If it is different please give me the recipe for the cup of coffee mentioned in the recipe .
    Thank you

    Reply
    • Amanda says

      November 27, 2016 at 5:32 pm

      It is the same!

      Reply
      • Madhu Anvekar says

        November 27, 2016 at 10:12 pm

        Thank you 🙂

  13. Coffee.addict says

    October 29, 2016 at 10:57 pm

    Tried this recipe and followed it religiously. My daughter said it tasted like carrot cake without the carrots. I agree with her. The spices ruined the coffee taste. What a disappointment.

    Reply
    • Amanda says

      October 30, 2016 at 9:16 am

      Hi Coffee Addict, I am so terribly sorry that the cupcakes did not meet your expectations. I understand how frustrating it can be to try a recipe only to have it not taste the way you want. This happens to be one of the more popular recipes on the site and while many enjoy the blend of spices and coffee, it obviously depends on your personal tastes. Hopefully you are not so discouraged by the original recipe to retry the recipe again with fewer or no spices so as to meet your particular preferences! Thank you for taking the time to give my recipe a chance and sharing your honest feedback! 🙂

      Reply
      • Coffee.addict says

        October 30, 2016 at 6:46 pm

        Hi again! Dont get me wrong, the cupcakes were not bad. I was just expecting the have the coffee taste. (after all, it called for 1 cup of brewed coffe and 2 T of espresso powder).
        If I make these again, I will have some minor adjustments. I will omit the spices, lessen the milk and add one more egg. Thanks for sharing.

  14. Keisha Ishino Prayatno says

    September 07, 2016 at 2:40 am

    by "coffee" does that mean brewed coffee or just the powder? Sorry I'm new at baking

    Reply
    • Amanda says

      September 07, 2016 at 12:59 pm

      Hi Keisha! In the cupcakes you use instant espresso powder as well as your favorite brewed coffee. You use a mix of instant and brewed coffee in the frosting as well. I hope this helps!

      Reply
  15. Cecilia says

    July 27, 2016 at 5:40 pm

    I made these and eventhought i put the quantity of nutmeg as the recipe says, i think it was too much. They taste more like nutmeg rather than coffe.

    Reply
    • Amanda says

      July 27, 2016 at 5:59 pm

      Hi Cecilia,

      First, thank you for taking the time to try the recipe! It is one of the more popular recipes on the site and a personal favorite. I am sorry that the nutmeg was too much for you! It is the first time I've had that mentioned. Is it possible that the coffee used was not strong enough? Or maybe a brand new container of nutmeg (or fresh nutmeg)? Either way, I will certainly take this into consideration with the recipe!

      Reply
      • Cecilia says

        July 27, 2016 at 7:23 pm

        Oh, I used the right amount of really good coffe but i used fresh nutmeg. If it's fresh nutmeg, how much should I use?

      • Amanda says

        July 27, 2016 at 7:30 pm

        That's it! I used pre-ground nutmeg which is not nearly as strong as fresh. If you are using fresh you need a very small amount. Just a scant 1/4 teaspoon would be plenty. Thank you for commenting, now I know to make the distinction within the recipe!!

« Older Comments
Newer Comments »
4.53 from 181 votes (178 ratings 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.

Primary Sidebar

Hey, I'm Amanda!

I am the baker and photographer behind A Cookie Named Desire. I'm a cookbook author, food science nerd, world traveler (sometimes) with a major weakness for cookies and cheese.

Read More

Reader Favorites

  • S'mores Stuffed Cookies
    S'mores Cookies Recipe

  • homemade cookies scattered out on baking sheet
    Milano Cookies Recipe

  • cookies piled together on rack
    Brown Butter Chocolate Chip Cookies

  • avocado chocolate peanut butter smoothie in a glass
    Avocado Chocolate Peanut Butter Smoothie

  • Making salt water taffy at home is actually easier than you think
    How to Make Salt Water Taffy

  • finished jelly donut shots on a tray
    Jelly Donut Shot

Autumn Favorites

  • black forest mug cake
    Black Forest Mug Brownie

  • lucky charms marshmallows inside hot chocolate mug
    Hot Chocolate Bombs

  • pumpkin spice syrup in jar
    Pumpkin Spice Syrup

  • Plate of coconut chocolate chip cookies with a glass of milk
    Coconut Chocolate Chip Cookies

Footer

^ back to top

About

  • Privacy Policy
  • Terms & Conditions
  • Accessibility

Newsletter

  • Sign Up! for emails and updates

Contact

  • Contact
  • Services
  • About Me

Copyright © 2024 A Cookie Named Desire

As an Amazon Associate I earn from qualifying purchases.

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.