If you love rich, nutty flavors combined with a fun pop of color and crunch, the M&M’S Peanut Butter Cake with Peanut Butter Frosting Recipe is an absolutely delightful treat you need to try. This cake perfectly balances the smooth creaminess of peanut butter in both the cake and the frosting with the playful bursts of Peanut Butter M&M’S scattered throughout. It’s a true crowd-pleaser that looks as joyful as it tastes, making it a perfect centerpiece for any celebration or a cozy weekend indulgence with friends and family.

Ingredients You’ll Need
These ingredients are straightforward yet essential, contributing everything from moistness and structure to that unmistakable peanut butter charm. Each component has a role in creating the perfect texture and flavor balance in this cake.
- 1 cup butter, room temperature: Provides richness and a tender crumb to the cake.
- 1 cup sugar: Sweetens the batter while helping the cake rise.
- 1 teaspoon vanilla extract: Adds warm, aromatic depth to the flavor.
- 3 eggs: Bind the ingredients together and add moistness.
- 1 cup vanilla yogurt, drained: Keeps the cake moist and tender; draining avoids excess liquid.
- 2 cups all-purpose flour: Forms the body and texture of the cake.
- 2 teaspoons baking powder: Leavens the cake for a light, fluffy texture.
- Pinch of salt: Balances sweetness and enhances all flavors.
- 3/4 cup Peanut Butter M&M’S, roughly chopped: Adds pops of candy crunch and color.
- 1 cup butter, room temperature (for frosting): Gives the frosting a creamy base.
- 2 cups creamy peanut butter: Delivers that signature peanut butter taste in the frosting.
- 5 cups powdered sugar: Sweetens and thickens the frosting perfectly.
- 1/4 cup heavy cream (optional): Whips the frosting into light fluffiness if preferred.
How to Make M&M’S Peanut Butter Cake with Peanut Butter Frosting Recipe
Step 1: Prepare Baking Pans and Preheat Oven
Start by heating your oven to 350°F (175°C). Grease two 9-inch round baking pans and line them with parchment paper so your cake layers come out clean and intact, ready to impress!
Step 2: Cream Butter and Sugar
Using a paddle attachment, beat the butter and sugar together on low speed until the mix turns light and fluffy—a full 3 minutes. This step is key to incorporating air to make your cake tender.
Step 3: Add Vanilla and Eggs
Blend in the vanilla extract for that warm flavor burst, then add eggs one at a time, beating well after each to get a smooth, silk-like batter. This ensures everything blends perfectly.
Step 4: Combine Yogurt and Dry Ingredients
Beat in the drained vanilla yogurt gently so the batter stays moist without getting too runny. Gradually add the flour, baking powder, and salt in batches, mixing just until combined to avoid overworking the batter.
Step 5: Fold in M&M’S
Gently fold in your chopped Peanut Butter M&M’S with a spatula so the candy pieces are evenly spread without breaking apart. These little bits bring a delightful crunch in every bite.
Step 6: Bake the Cakes
Divide the batter evenly between your prepared pans. Bake for 22 to 25 minutes, until a toothpick inserted in the center comes out clean—this means your layers are perfectly baked, moist yet cooked through.
Step 7: Cool the Cake Layers
Let the cakes cool completely in their pans on a wire rack. Patience here pays off because a fully cooled cake is easier to frost without crumbling.
Step 8: Prepare the Frosting
Beat together butter and peanut butter until smooth and creamy—this is the luscious base for your frosting that makes this cake irresistibly rich.
Step 9: Add Powdered Sugar
Slowly add powdered sugar, half a cup at a time. Beat gently after each addition to avoid a sugar cloud and to reach a thick yet spreadable consistency.
Step 10: Incorporate Heavy Cream (If Using)
For an extra fluffy and lighter frosting, whisk in 1/4 cup heavy cream using a whisk attachment, starting low and increasing speed gradually. This transforms your frosting into a decadent cloud of peanut butter goodness.
Step 11: Assemble the Cake
On a serving plate, place one cake layer and surround it with a cake ring if you have one. Spread half the frosting evenly over this layer, making sure every bite gets that creamy peanut butter punch.
Step 12: Add Second Layer and Frost
Add the second layer on top, pressing gently to adhere. Tighten the cake ring around it if using one, and spread the remaining frosting on top smoothly for a polished look.
Step 13: Decorate and Set
Sprinkle extra Peanut Butter M&M’S or a fun mix of Peanut and regular M&M’S on the frosting to add bursts of color and crunch. Chill the whole cake in the fridge for 2 to 3 hours to let the frosting set beautifully before serving.
How to Serve M&M’S Peanut Butter Cake with Peanut Butter Frosting Recipe

Garnishes
Extra Peanut Butter M&M’S on top not only adds a playful, colorful garnish but also an unexpected texture that guests will love. For a more elegant touch, try a light dusting of cocoa powder or a drizzle of melted peanut butter around the edges.
Side Dishes
Complement this cake with a scoop of vanilla ice cream or a dollop of whipped cream to balance the richness. Fresh fruits like sliced bananas or strawberries add a refreshing contrast and bring a fresh element to your dessert table.
Creative Ways to Present
Serve this cake with a slight crunch by adding whole or halved Peanut Butter M&M’S around the base on the platter, or slice it into petite squares for a dessert buffet. You can also create individual mini cakes or cupcakes using the same batter and frosting for personalized servings.
Make Ahead and Storage
Storing Leftovers
Wrap leftover cake tightly in plastic wrap or place it in an airtight container to keep it fresh and moist for up to 3 days in the refrigerator. This helps preserve the frosting’s creaminess and the cake’s tender texture.
Freezing
This cake freezes beautifully. Wrap individual layers or the whole assembled cake well in plastic wrap and then foil. Freeze for up to 2 months. Thaw overnight in the refrigerator before serving to keep the frosting luscious.
Reheating
Since this cake is best enjoyed chilled because of the peanut butter frosting, avoid reheating. Instead, let it come to room temperature for about 30 minutes before serving if preferred slightly softer than straight from the fridge.
FAQs
Can I use crunchy peanut butter instead of creamy?
Absolutely! Using crunchy peanut butter will add extra texture to the frosting, giving it a delightful bit of crunch, but creamy peanut butter keeps it smoother and easier to spread.
What can I substitute for vanilla yogurt if I don’t have any?
You can use sour cream or buttermilk as a substitute; both will maintain the cake’s moistness and slight tang, creating wonderful balance with the sweet peanut butter flavors.
How do I prevent the M&M’S from sinking in the cake batter?
Lightly dust the chopped M&M’S with a small amount of flour before folding them in; this helps suspend them in the batter and keeps them from sinking to the bottom.
Can I make this cake gluten-free?
Yes! Swap the all-purpose flour for a gluten-free baking mix designed for cakes. Be sure your baking powder is gluten-free as well to keep the texture just right.
Is the heavy cream in frosting necessary?
No, the heavy cream is optional. It makes the frosting lighter and fluffier, but if you prefer a denser, richer frosting, simply skip it and enjoy the peanut butter flavor at full strength.
Final Thoughts
This M&M’S Peanut Butter Cake with Peanut Butter Frosting Recipe is pure joy in cake form, blending creamy peanut butter, colorful candy crunch, and tender, moist cake into every delicious bite. Once you make it, you’ll find it’s the perfect go-to for celebrations or just treating yourself because some days deserve an extra sweet moment. I can’t wait for you to dive in and savor every slice!
Print
M&M’S Peanut Butter Cake with Peanut Butter Frosting Recipe
- Prep Time: 15 minutes
- Cook Time: 25 minutes
- Total Time: 1 hour 5 minutes
- Yield: 12 servings
- Category: Dessert
- Method: Baking
- Cuisine: American
Description
A decadent M&M’S Peanut Butter Cake layered with creamy peanut butter frosting, featuring colorful Peanut Butter M&M’S baked right into the batter and used as decoration. This moist and flavorful cake is perfect for celebrations and peanut butter lovers.
Ingredients
Cake
- 1 cup butter, room temperature
- 1 cup sugar
- 1 teaspoon vanilla extract
- 3 eggs
- 1 cup vanilla yogurt, drained for a couple of hours in the fridge
- 2 cups all-purpose flour
- 2 teaspoons baking powder
- Pinch of salt
- 3/4 cup Peanut Butter M&M’S, roughly chopped
Peanut Butter Frosting
- 1 cup butter, room temperature
- 2 cups creamy peanut butter
- 5 cups powdered sugar
- 1/4 cup heavy cream (optional)
Instructions
- Prepare Baking Pans and Preheat Oven: Heat the oven to 350°F (175°C). Grease and line two 9-inch round baking pans with parchment paper. Set aside for later use.
- Cream Butter and Sugar: In a mixing bowl, add the butter and sugar. Using a paddle attachment, beat on low speed until the mixture becomes light and creamy, about 3 minutes.
- Add Vanilla and Eggs: Blend in the vanilla extract, then add the eggs one at a time, beating well after each addition to ensure a smooth batter.
- Combine Yogurt and Dry Ingredients: Beat in the drained vanilla yogurt. Gradually add the flour, baking powder, and salt in two or three batches, mixing just until combined. Avoid over-mixing.
- Fold in M&M’S: Using a spatula, gently fold in the roughly chopped Peanut Butter M&M’S until evenly distributed throughout the batter.
- Bake the Cakes: Divide the batter evenly between the prepared cake pans. Bake in the preheated oven for 22–25 minutes, or until a toothpick inserted in the center comes out clean.
- Cool the Cake Layers: Remove cakes from the oven and allow them to cool completely in the pans on a wire rack to ensure easy handling.
- Prepare the Frosting: Once the cake layers are cool, prepare the frosting. In a mixing bowl, beat together the butter and creamy peanut butter until smooth using a paddle attachment.
- Add Powdered Sugar: Gradually add powdered sugar, 1/2 cup at a time, beating gently after each addition until all sugar is incorporated and the frosting is creamy and thick.
- Incorporate Heavy Cream (If Using): If you have a cake ring, add 1/4 cup heavy cream to the frosting. Switch to a whisk attachment and whip on low, increasing speed gradually for 5 minutes to achieve a lighter, fluffier frosting.
- Assemble the Cake: Place one cake layer on a serving platter and fit a cake ring around it if available. Spread half of the frosting evenly over the first layer.
- Add Second Layer and Frost: Place the second cake layer on top, pressing down gently. If using a cake ring, tighten it as needed. Spread the remaining frosting evenly over the top.
- Decorate and Set: Finish the cake with additional Peanut Butter M&M’S, Peanut M&M’S, or a mixture of both for extra color and flavor.
- Chill Before Serving: Refrigerate the cake in the ring for at least 2–3 hours to set the frosting before carefully removing the ring and serving.
Notes
- Drain the vanilla yogurt for a couple of hours in the fridge to remove excess moisture for better cake texture.
- Use a paddle attachment for creaming to achieve a fluffy batter.
- The heavy cream in the frosting is optional—for a lighter, fluffier frosting, incorporate it and whip thoroughly.
- Chilling the cake helps the frosting to set and makes slicing neater and easier.

