This post may contain affiliate links. If you make a purchase through links on our site, we may earn a commission.

This M&M Cookie Cake is perfect for any occasion. Cookie is made from scratch and is topped with M&M for a delicious treat that everyone loves.

M&M Cookie Cake on a plate with a piece sliced
Want to save this?
Just enter your email and I’ll send it right to you, plus great new recipes weekly!

Being a mom of 8 kids, I always make my kids birthday cakes. They always taste better and the kids help me decorate it how they prefer. This M&M Cookie Cake is always a family favorite because of how delicious it is.

This easy cake recipe can be made with simple ingredients. Surprise your kids for their next birthday with this fun and festive cake. You may even like this option – How to Make Cookie Cake with Cake Mix.

Why We Love This Recipe

This giant cookie cake can easily be prepared ahead of time for any occasion. You can add in chocolate chips for a chocolate chip cookie cake variation.

If you love to bake, then you probably already have the majority of the ingredients. The cookie cake turns our chewy, soft with a crispy texture.

Ingredients

M&M Cookie Cake ingredients - butter, brown sugar, sugar, eggs, vanilla extract, flour, baking soda, salt, M&M, Powdered sugar, cocoa powder, milk

For the Cookie Cake

  • Butter softened
  • Light Brown Sugar
  • Granulated Sugar
  • Large Eggs
  • Vanilla Extract
  • All Purpose Flour
  • Baking Soda
  • Salt
  • M&M Candies

For the Frosting 

  • Powdered Sugar
  • Cocoa Powder 
  • Unsalted Butter softened
  • Vanilla Extract
  • Milk

Scroll to the bottom of the post for the full recipe and ingredients in the recipe card.

Variations Ideas

  • Box Cookie Mix – If you prefer, you can make this M&M Cookie Cake with a box cookie mix instead of making it from scratch.
  • Change the Candies – If you are creating this cookie cake for someone special, top with their favorite candies. We have even used sprinkles for the holiday that we are celebrating.
  • Frosting – Feel free to change the frosting to what you prefer or use store bought frosting.

Step by Step Instructions

For the Cookie Cake

  • Step 1 – Preheat the oven to 350 degrees F. Spray a 9 inch round cake pan or pie dish with a non-stick baking spray. We have even lined it with parchment paper to easily remove from the pan to cut.
Mixing butter and cocoa powder and adding in eggs in a bowl

Step 2 – In a large mixing bowl, beat together the butter with brown sugar and granulated sugar until creamy.  Then add in the egg and vanilla extract.

Mixing in baking and salt then add in flour to butter mixture

Step 3 – Mix in the baking soda and salt.  Then slowly add in the dry ingredients until just combined.

Stir in M&M Candies into the cookie batter in a bowl

Step 4 – Gently stir in half of the M&Ms into the flour mixture. Combine until texture consistency is smooth and creamy.

Pressing the cookie batter into the prepared pan and topped with M&M

Step 5 – Press the cookie dough batter into the prepared pan and then press the remaining M&Ms on top.

  • Step 6 – Bake for 20-25 minutes or until the edges are just starting to turn slightly golden brown.  Be careful not to overcook. It’s better to unmake the cookie dough than over bake it as the cake will continue to cook as it cools.
  • Step 7 – Let the cake cool completely before adding the frosting.

How to Make Frosting 

Combining the butter and cocoa powder together in a bowl

Step 1 – While the cake is cooling, prepare the frosting.  Beat the butter and cocoa powder together with a hand held mixture until smooth.

Mixing in powdered sugar into the cocoa powdered mixture

Step 2 – Then slowly add in the powdered sugar.  Add in the vanilla extract and slowly add in the milk until creamy.

  • Step 3 – Pipe the frosting with a star tip onto the edges of the cookie cake and top with more M&Ms if you prefer.
  • Step 4 – Then the cake is ready to slice, serve and enjoy!

Recipe Tips

  • Baking Pan – This cake can be made in a 9 inch pie pan as well. 
  • Combining Ingredients – Make sure not to over mix the cookie dough or the cookie cake will be tough.  You can combine with a stand mixer or with a hand mixer.
  • Baking Cookie Cake – Bake the cookie until edges are golden brown. Make sure to not overcook the cookie. The cookie will finish cooking while it is cooling in the baking pan. Baking time may vary.
  • Piping Bag – For best results and a beautiful finish, use a piping bag to add frosting to the cookie cake.
  • Serving – This cookie cake is delicious served with vanilla ice cream.
Close up image M&M Cookie Cake on a plate

Frequently Asked Questions

How to Store Leftovers

Store the leftovers covered at room temperature for up to 4 days. There is no need to store in the fridge. This cookie cake does not last long in my house.

Can I Freeze?

Yes, you can freeze the cookie dough or already baked cookie cake. If you are freezing the cookie dough, we like to press into a disposable pie pan, cover with plastic wrap and aluminum foil and freeze. You can also freeze the baked cookie cake but wait to frost it until ready to serve. Thaw the cake at room temperature, then frost and serve. If store properly the cookie dough and cookie cake will last about 3 months.

Slice of M&M Cookie Cake on a plate

If you make this M&M Cookie Cake Recipe, make sure to leave us a comment. We love hearing from you.

5 from 2 votes
Amazing and easy to make, you will love this m&m Cookie Cake recipe. Perfect for any celebration or gathering.
Prep Time 10 minutes
Cook Time 20 minutes
Cooling Time 10 minutes
Total Time 40 minutes
Servings 8
Cuisine American
Course Dessert
Calories 600

Ingredients

For the Cookie Cake:

For the Frosting:

  • 1 1/2 cups Powdered Sugar
  • 3 Tablespoons Cocoa Powder
  • 1/4 cup Unsalted Butter softened
  • 1 teaspoon Vanilla Extract
  • 2 Tablespoons Milk
Want to save this?
Just enter your email and I’ll send it right to you, plus great new recipes weekly!

Instructions

For the Cookie Cake:

  • Preheat the oven to 350 degrees F. Spray a 9 inch round cake pan with a non-stick baking spray.
  • In a large mixing bowl, beat together the butter with brown sugar and granulated sugar until creamy.  Then add in the egg and vanilla extract.
  • Mix in the baking soda and salt.  Then slowly add in the flour until just combined.
  • Gently stir in half of the M&Ms.
  • Press the cookie dough batter into the prepared pan and then press the remaining M&Ms on top.
  • Bake for 20-25 minutes or until the edges are just starting to turn slightly golden brown.  Be careful not to overcook. It’s better to unmake the cookie dough than over bake it as the cake will continue to cook as it cools.
  • Let the cake cool completely before adding the frosting.

For the Frosting:

  • While the cake is cooling, prepare the frosting.  Beat the butter and cocoa powder together with a hand held mixture until smooth.  Then slowly add in the powdered sugar.  Add in the vanilla extract and slowly add in the milk until creamy.
  • Pipe the frosting with a star tip onto the edges of the cookie cake and top with more M&Ms if you prefer.
  • Then the cake is ready to slice, serve and enjoy!

Recipe Notes

This cake can be made in a 9 inch pie pan as well. 
Make sure not to over mix the cookie dough or the cookie cake will be tough.  
Store the leftovers covered at room temperature for up to 4 days.

Nutrition Facts

Calories 600kcal, Carbohydrates 98g, Protein 7g, Fat 31g, Saturated Fat 19g, Polyunsaturated Fat 1g, Monounsaturated Fat 5g, Trans Fat 1g, Cholesterol 95mg, Sodium 408mg, Potassium 99mg, Fiber 3g, Sugar 53g, Vitamin A 714IU, Vitamin C 0.3mg, Calcium 94mg, Iron 2mg

Pin This Now to Remember It Later

Pin Recipe

Try these other recipes

Share this recipe!

PinYummly

About the Author

Hi, I’m Carrie. Welcome to Eating on a Dime!

I’m on a mission to help you cook delicious meals without busting your budget. Together we are going to cook real food… for real families!

Leave A Comment

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

Recipe Rating