Chocolate Cupcakes with m&m’s Frosting

Delicious, from scratch, Chocolate Cupcakes with M&M’s frosting! Grab some M&Ms and pile the frosting high for more flavor and fun. With so many ways to customize these cupcakes, you’ll want to make them again and again.

M&Ms make just about everything better! If you liked our M&M’s Brownies recipe, today’s cupcakes are right up your alley.

The most delicious, from scratch, Chocolate Cupcakes pile high with creamy M&M Frosting!!

Why This Recipe Is Best

  • These chocolate cupcakes are made from scratch with real chocolate and cocoa.
  • Simple but festive! The white vanilla buttercream makes the colorful M&Ms standout.
  • You can make this frosting with any kind of M&Ms or candy pieces! Change up the colors and flavors for different occasions.

This is the only M&Ms cupcake recipe you’ll ever need!

The most delicious, from scratch, Chocolate Cupcakes pile high with creamy M&M Frosting!!

Ingredient Notes

M&M Candies. Regular milk chocolate candies, baking bits or M&M’s minis can all be used. Other candies like Reese’s pieces or even chopped candy bars would be delicious too.

Vanilla extract. Use a good quality real vanilla for best flavor! The frosting is the star of this recipe, so you want the richest, deepest vanilla taste. Our Homemade Vanilla Extract is especially delicious here.

Easy Instructions

First, make the cupcakes.

Put chopped chocolate and cocoa powder in a mixing bowl. Pour hot coffee on top and stir until the chocolate is melted and smooth.

Add the dry ingredients to the bowl and stir. Then add the vanilla, eggs, oil and buttermilk. Beat well for several minutes to form a thin batter.

Spoon into lined cupcake tins. Bake until the center of the cupcakes springs when lightly touched.

Remove baked cupcakes from the oven. Let them cool on a wire rack before adding the frosting.

How to make M&Ms frosting.

Beat butter with an electric mixer. Add powdered sugar, milk and vanilla and beat until fully combined. Fold in the M&Ms.

Frosting the cupcakes:

Use a large scoop to dollop the tops of each cupcakes with a thick layer of frosting.

Eat, share and enjoy.

Tips and Tricks

  • There are so many kinds of M&Ms on the shelves these days and just about all of them would taste good folded into vanilla frosting! Think caramel M&Ms, peanut butter M&Ms, white chocolate M&Ms. . . so many tasty choices.
  • This batter is very thin! That’s totally normal. Do not add more flour or other ingredients to thicken it up. The cupcakes bake up perfectly.
  • Have another chocolate cupcake recipe you love? Feel free to us it as your base for the M&Ms cupcakes instead. The frosting is the star of the show!

Recipe FAQs

I see coffee listed in the ingredients. Do these cupcakes taste like coffee?

No, these don’t taste at all like coffee! I use hot brewed coffee to deepen the flavor of the chocolate. The warmth of the coffee also helps incorporate the baking chocolate and cocoa for an amazingly rich, chocolate-y taste!

What can I add to the frosting instead of M&Ms?

Try folding in chocolate chips, crushed Oreos, butterfinger bits, or peanut butter morsels to this frosting. They won’t be M&Ms cupcakes anymore but they’ll still be delicious.

How can I tell when chocolate cupcakes are done?

Test cupcakes for doneness by pressing the top of the cupcake lightly with your finger. If it springs back right away, the cupcake is ready to come out of the oven. If it stays indented, give them more time to bake.
You can also insert a toothpick into the center of the cupcake. If it comes out clean, the cupcakes are done.

What’s the best way to store Chocolate Cupcakes with M&Ms frosting?

Store these in an airtight container at room temperature. Enjoy within 3 days.

The most delicious, from scratch, Chocolate Cupcakes pile high with creamy M&M Frosting!!

Recipes with M&M’S

Frosting so good you’ll want to eat it with a spoon! M&Ms Cupcakes are easy to make and festively delicious.

Give Christmas dinner a decadent finish with this Eggnog Cheesecake Cake. A creamy center and plenty of spice make this the ideal dessert for a cozy holiday celebration!

Yield: 24 cupcakes

M&M Frosting

Prep Time 15 minutes
Cook Time 20 minutes
Total Time 35 minutes

Fluffy vanilla frosting packed with m&m candies, on top of a from scratch chocolate cupcake!


For the cupcakes:

  • 4 oz bittersweet chocolate squares, chopped
  • ⅔ cup unsweetened cocoa powder
  • 1 ½ cups hot brewed coffee
  • 1 ¾ cup granulated sugar
  • 1 ½ cup all-purpose flour
  • 1 teaspoon kosher salt
  • 1 teaspoon baking soda
  • 1 teaspoon baking powder
  • 1 teaspoon vanilla extract
  • 3 large eggs
  • ½ cup vegetable oil
  • ¼ cup buttermilk

For the frosting:

  • 1 cup unsalted butter, softened
  • 4 cups powdered sugar
  • 2 teaspoon vanilla extract
  • 3 Tablespoons milk
  • 10 oz package m&m candies


    1. Preheat oven to 350 degree F. Prepare cupcake tin with cupcake liners. Set aside.
    2. In a large mixing bowl, add chopped chocolate and cocoa powder. Pour hot coffee over both, then stir until chocolate is melted.
    3. Add sugar, flour, kosher salt, baking soda and baking powder. Add in vanilla extract, eggs, vegetable oil, and buttermilk. Beat for about 4 minutes, scraping down the sides of the mixing bowl several times (and the bottom too to make sure the chocolate doesn't settle).
    4. The batter will be thin, that's okay! Using a large cookie scoop, spoon batter into prepared cupcake tins, about ⅔ full. Bake for 18-20 minutes, until a toothpick in the center comes out clean, or the cupcake springs back from a touch of your finger. Remove and cool completely on wire rack before adding frosting.
    5. For the frosting, beat butter for 2 minutes. Add in powdered sugar, vanilla and milk and beat on medium high until fluffy, about 4-5 minutes. Fold in candies. Use a large scoop to add frosting to cupcakes! ENJOY.


**I used regular milk chocolate m&m candies. But the baking bits would be a great option too!

Nutrition Information:



Serving Size:

1 cupcake

Amount Per Serving: Calories: 376Total Fat: 18gSaturated Fat: 8gTrans Fat: 0gUnsaturated Fat: 8gCholesterol: 46mgSodium: 186mgCarbohydrates: 51gFiber: 2gSugar: 40gProtein: 3g

*Nutrition facts are an estimate and not guaranteed to be accurate. Please see a registered dietitian for special diet advice.

Did you make this recipe?

Please leave a comment on the blog or share a photo on Instagram

About Aimee

Aimee is a dessert lover (specifically rice krispie treats), workout enthusiast, self-taught foodie, and recipe creator.

Learn more about Aimee.

Affiliate Disclosure:**There may be affiliate links in this post! By clicking on them, or purchasing recommended items I may receive a small compensation. However, I only recommend products I love! Thank you for supporting Shugary Sweets! See my disclosure policy for more info**

Learn How To Become a Better Home Baker
Sign up for the Shugary Sweets FREE Email Course Today—soon you’ll say, "I made it from scratch!"


Posted on July 8, 2018

Comments & Reviews

  1. I noticed that you linked to your “favorite chocolate cupcake” recipe, which you described at using for the base. But you also have a recipe within this post to make a different version of cupcakes. Which one would you say is best? 

    1. I would say of the two, this one is my favorite base recipe: https://www.shugarysweets.com/chocolate-frosted-chocolate-cupcakes/

  2. I’m normally a cake person, because sometimes frostings can be too sweet for me, but if every cake I ever hate from now on had this frosting on it, I think I’d be pretty content!

  3. The cupcake sound so good. My husband loves chocolate. My favorite frosting is 7 Minute/Divinity Frosting. Oh my how I love that stuff. Our oldest son loves this type though. He hasn’t ever had it with candy in it.

  4. I don’t have m&ms at home and don’t have time to run to the store. Can I make the frosting without adding them?

    1. It won’t be m&m frosting. 🙂 You can for sure make it without…or add in some chocolate chips!

  5. Wow! This looks so heavenly! I think this would be the perfect cupcake for my boys birthday parties! That frosting is perfect! Thanks for suggesting my Dark Chocolate M&M Cookies as another great recipe that uses M&M’s! 🙂

  6. I am a cake person unless it’s buttercream frosting…then I will eat it by the spoonful 🙂 These cupcakes are so cute!! love the M&Ms!

  7. I’m normally a cake person, because sometimes frostings can be too sweet for me, but if every cake I  ever hate from now on had this frosting on it, I think I’d be pretty content!

  8. Baking for others is fine, but I like it best when they don’t know I’m doing it. Then I don’t have to put up with special requests or expectations or baking in huge numbers.
    These look delicious, though, so props to your kids for making you do it!

  9. Is it possible to be both?? I love a good balance of cake and frosting… but I guess if I had to choose it would be cake! Hah, I think it’s funny how your kids trick you into baking something for them, but I don’t blame them!  I’d like 3 dozen of these cupcakes now!

Leave a Reply

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