Peanut Butter M&M’S Cake with Creamy Frosting Recipe

This Peanut Butter M&M’S Cake with Creamy Frosting is a joyful, celebration-ready dessert that’s as fun to make as it is to eat. Imagine impossibly soft layers of aromatic vanilla cake studded with vibrant Peanut Butter M&M’S candies, all smothered in the creamiest peanut butter frosting you’ll ever taste. If you’re looking to impress a crowd or simply indulge your inner child, this one’s bound to be a new favorite!

Why You’ll Love This Recipe

  • A Celebration in Every Slice: Bursting with Peanut Butter M&M’S, this cake becomes the centerpiece of any party—colorful, festive, and crowd-pleasing.
  • Luscious, Cloud-Like Frosting: The creamy peanut butter frosting is luxuriously smooth and perfectly complements the soft cake and crunchy M&M’S.
  • Surprisingly Simple to Make: No complicated steps or fancy tools—just classic baking techniques and a delicious result that looks (and tastes) bakery-worthy.
  • Customizable and Playful: Swap in other M&M’S varieties or add decorative finishes for a cake that’s as unique as you are.
Peanut Butter M&M’S Cake with Creamy Frosting Recipe - Recipe Image

Ingredients You’ll Need

Every ingredient for this Peanut Butter M&M’S Cake with Creamy Frosting is carefully chosen for flavor and texture. Rely on classic baking staples and a handful of fun extras for a cake that feels both nostalgic and totally new.

  • Butter (room temperature): Adds richness and ensures both the cake and frosting are decadently smooth.
  • Sugar: Sweetens the cake layers and helps create that tender crumb.
  • Vanilla Extract: Lends warmth and depth to both the cake and frosting.
  • Eggs: Bind the batter, create structure, and deliver that classic cake rise.
  • Vanilla Yogurt (drained): Makes the crumb moist and adds a subtle tang that balances sweetness.
  • All-Purpose Flour: The backbone of the cake, providing stability while keeping it soft.
  • Baking Powder: Ensures a light, fluffy texture with every bite.
  • Pinch of Salt: Just enough to contrast and enhance all the sweet, nutty flavors.
  • Peanut Butter M&M’S (roughly chopped): Colorful, crunchy bursts of peanut butter goodness scattered throughout.
  • Creamy Peanut Butter: Essential for the rich, velvety frosting that crowns the cake.
  • Powdered Sugar: Sweetens the frosting and helps it whip up light and fluffy.
  • Heavy Cream: Makes the frosting ultra-creamy and easily spreadable (optional for those using a cake ring).
Note: You’ll find the complete list of ingredients, along with their exact measurements, in the printable recipe card at the bottom of this post.

Variations

Flex your creativity! The best part about this Peanut Butter M&M’S Cake with Creamy Frosting is how easy it is to adjust. Swap in your favorite candies, go gluten-free, or tweak the frosting to suit any craving or need.

  • Go Nuts for Peanut M&M’S: Try using Peanut M&M’S for an extra peanutty crunch throughout the cake and on top—it adds a surprise in every bite.
  • Double Chocolate: Fold a handful of mini chocolate chips into the batter or sprinkle some onto the frosting for chocolatey bliss.
  • Gluten-Free Swap: Substitute a reliable cup-for-cup gluten-free flour blend for an allergy-friendly treat.
  • Mini Cakes or Cupcakes: Divide the batter among cupcake tins or mini cake pans for adorable, portable party pieces.
  • Dairy-Free Adaptation: Use plant-based yogurt, vegan butter, and a dairy-free cream for equally delicious results.

How to Make Peanut Butter M&M’S Cake with Creamy Frosting

Step 1: Prep Your Pans and Gather Ingredients

Begin by heating your oven to 350°F (175°C). Grease and line two 9-inch round baking pans with parchment paper—this ensures easy release and perfectly neat layers. Make sure your butter, eggs, and yogurt are at room temperature for the fluffiest cake.

Step 2: Cream Butter and Sugar

In the bowl of your mixer, add the softened butter and sugar. Beat with the paddle attachment on low-to-medium speed for about 3 minutes, until the mixture becomes light and creamy. This step is key for a soft, tender crumb!

Step 3: Add Wet Ingredients One at a Time

Stir in the vanilla extract, then add the eggs one at a time. Beat well after each egg to ensure full incorporation and a smooth, glossy batter. Next, blend in the drained yogurt, which will add moisture and a hint of tang.

Step 4: Combine Dry Ingredients and Fold In M&M’S

Add the flour, baking powder, and salt in 2–3 additions, mixing on low until just combined—overmixing can make the cake tough. Gently fold in the chopped Peanut Butter M&M’S using a spatula, being careful not to overwork the batter.

Step 5: Bake and Cool the Cakes

Divide the batter evenly between your prepared pans. Bake in the preheated oven for 22–25 minutes, or until a toothpick inserted in the center comes out clean. Let the cakes cool completely in the pans on a wire rack to preserve moisture and structure.

Step 6: Make the Creamy Peanut Butter Frosting

Once the cake layers are cool, beat together the butter and peanut butter on medium speed until completely smooth. Gradually add powdered sugar, about 1/2 cup at a time. If using a cake ring, pour in the heavy cream and switch to the whisk attachment, whipping for 5 minutes to achieve a billowy, spreadable topping.

Step 7: Assemble and Decorate the Cake

Set one cake layer on your serving platter and (if you have one) secure a cake ring around it. Spread half the frosting over the layer, then gently place the second cake layer on top. Cover with the rest of the peanut butter frosting and finish with extra Peanut Butter M&M’S (or a combo of M&M’S for more color and fun!). Chill for at least 2–3 hours to set everything before serving.

Pro Tips for Making Peanut Butter M&M’S Cake with Creamy Frosting

  • Yogurt Prep Magic: Draining your vanilla yogurt for a couple of hours gives the cake incredible moisture without making it dense. Don’t skip this quick step!
  • Uniform M&M’S Distribution: Chop the Peanut Butter M&M’S moderately—too fine and you’ll miss those pops of color and crunch, too big and they’ll sink. Aim for rough, uneven pieces.
  • The Frosting Whisperer: For cloudlike, easily spreadable frosting, whip the mixture with heavy cream only if using a cake ring (it prevents sliding and creates stability).
  • Chill for Clean Slices: Allowing the assembled cake to fully chill is the secret to picture-perfect layers and tidy serving at your party or gathering.

How to Serve Peanut Butter M&M’S Cake with Creamy Frosting

Peanut Butter M&M’S Cake with Creamy Frosting Recipe - Recipe Image

Garnishes

Pile on extra Peanut Butter M&M’S or mix in vibrant Peanut M&M’S for a rainbow effect. A drizzle of melted chocolate or a pinch of flaky sea salt can send both the flavor and presentation over the top—especially if you want your cake to scream “celebration!”

Side Dishes

This showstopper is rich, so pair slices with tall glasses of cold milk or frosty iced coffee. For summer, fresh berries add a juicy, tart counterpoint and a refreshingly light finish after every decadent bite.

Creative Ways to Present

Turn the Peanut Butter M&M’S Cake with Creamy Frosting into a layer cake sensation by arranging whole M&M’S down the sides for a polka-dot look. Or bake the batter as cupcakes, swirl on generous frosting, and let everyone add their own candy toppings at the table for a playful, interactive dessert bar.

Make Ahead and Storage

Storing Leftovers

Wrap leftover cake slices tightly in plastic wrap, or transfer the whole cake to an airtight cake keeper. Store in the refrigerator for up to 4 days—the flavors deepen and the cake stays soft and moist with each passing day.

Freezing

For longer storage, freeze individual slices or the uncut cake (without extra M&M’S on top for best texture). Wrap tightly in plastic and foil, then freeze up to 2 months. Thaw overnight in the fridge and bring to room temperature before serving.

Reheating

If you crave extra warmth, just let a slice come to room temperature or warm gently (10–15 seconds) in the microwave. The frosting will turn irresistibly creamy, and the M&M’S will have a soft bite—perfect comfort in every forkful.

FAQs

  1. Can I use other types of M&M’S in this recipe?

    Absolutely! Peanut Butter M&M’S give this cake its signature flavor, but feel free to substitute with classic M&M’S, Peanut M&M’S, or even try Pretzel M&M’S for a salty twist. Just be sure to chop larger candies for even distribution.

  2. Do I really need to drain the yogurt for the cake batter?

    Draining the yogurt concentrates its texture, giving you a super moist cake without extra liquid that could make it heavy. It’s a simple step that makes a noticeable difference in the finished product.

  3. What if I don’t have a cake ring or collar?

    No worries! Assemble the cake without the heavy cream in the frosting (it will be firmer that way), and be a bit more careful when spreading. You’ll still get a beautiful, sturdy cake with plenty of peanut butter creaminess.

  4. Can I make the Peanut Butter M&M’S Cake with Creamy Frosting in advance?

    Yes! You can bake the layers and prepare the frosting up to a day ahead. Store the cake wrapped in the fridge and assemble just before serving for the freshest look and taste. The cake also holds up well for several days thanks to the moist crumb!

Final Thoughts

If you’re looking for an excuse to bake something special (whether it’s for a birthday, a party, or just a colorful pick-me-up), this Peanut Butter M&M’S Cake with Creamy Frosting is a true crowd-pleaser. It’s the kind of cake that brings out smiles and “just one more slice” requests. Give it a try—and don’t forget to savor every creamy, candy-studded bite!

Print
clock clock iconcutlery cutlery iconflag flag iconfolder folder iconinstagram instagram iconpinterest pinterest iconfacebook facebook iconprint print iconsquares squares iconheart heart iconheart solid heart solid icon
Peanut Butter M&M’S Cake with Creamy Frosting Recipe

Peanut Butter M&M’S Cake with Creamy Frosting Recipe

5 Stars 4 Stars 3 Stars 2 Stars 1 Star 5 from 87 reviews
  • Author: Julia
  • Prep Time: 40 min
  • Cook Time: 25 min
  • Total Time: 1 hour 5 minutes
  • Yield: 1216 servings 1x
  • Category: Dessert
  • Method: Baking
  • Cuisine: American
  • Diet: Vegetarian

Description

Indulge in the decadent delight of this M&M’S peanut butter cake with peanut butter frosting recipe. Moist and flavorful cake studded with chopped Peanut Butter M&M’S, layered with creamy peanut butter frosting, and topped with more colorful M&M’S for a pop of sweetness.


Ingredients

Units Scale

Cake:

  • 1 cup butter, room temperature
  • 1 cup sugar
  • 1 tsp vanilla
  • 3 eggs
  • 1 cup vanilla yogurt, drained for a couple of hours in the fridge (see notes)
  • 2 cups all-purpose flour
  • 2 teaspoons baking powder
  • pinch of salt
  • 3/4 cup Peanut Butter M&M’S, roughly chopped

Frosting:

  • 1 cup butter, room temperature
  • 2 cups creamy peanut butter
  • 5 cups powdered sugar
  • 1/4 cup heavy cream (see notes)

Instructions

  1. Cake: Heat the oven to 350F. Grease and line two 9-inch round baking pans with parchment paper. Set aside.
  2. In a mixing bowl, cream butter and sugar. Add vanilla, then eggs one at a time. Mix in yogurt, flour, baking powder, and salt. Fold in chopped M&M’S. Divide batter into pans and bake for 22-25 minutes.

  3. Frosting: Cream peanut butter and butter. Gradually add powdered sugar. For a cake ring, add heavy cream and whip. Assemble cake with frosting between layers and on top. Decorate with M&M’S.

Notes

  • To drain vanilla yogurt, use a colander lined with cheesecloth and refrigerate.
  • A cake ring helps secure the layers; omit cream if not using one.

Nutrition

  • Serving Size: 1 slice
  • Calories: 420
  • Sugar: 32g
  • Sodium: 280mg
  • Fat: 26g
  • Saturated Fat: 12g
  • Unsaturated Fat: 10g
  • Trans Fat: 0g
  • Carbohydrates: 42g
  • Fiber: 1g
  • Protein: 7g
  • Cholesterol: 75mg

Similar Posts

Leave a Reply

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

Recipe rating 5 Stars 4 Stars 3 Stars 2 Stars 1 Star