Chocolate cookies covered with our Best Chocolate Buttercream Frosting and decorated with pretty Red White and Blue M&M Flowers. These 4th of July Chocolate Cookies will be a big hit at your Independence Day party or Memorial Day Barbecue.

Closeup on a white platter sitting on a white table filled with Red White and Blue 4th of July Chocolate Cookies.

If you are looking for an easy-to-make but sure to impress dessert to bring to a 4th of July party look no further.  These Patriotic M&M Cookies combine soft chocolate cookies with creamy chocolate frosting and colorful Red White and Blue M&M flowers.  The crunch of the M&M really adds something to the sweet chocolate cookie.  Mmmm … mmmm …. good. 

How to Make the Cookies

Collage image showing the Chocolate cookie dough and the baked chocolate cookies out of the oven.

Step 1: To make the chocolate cookie dough, mix together the dry ingredients (including the cocoa powder) and set aside.  Cream together the butter and white and brown sugar.  Mix in the eggs and vanilla.  Finally, add in the dry ingredients 1 cup at a time.
Step 2: To make small chocolate cookies that were similar in size, we measured .5 oz of cookie dough on my food scale for each cookie. Roll the chocolate cookie dough into a ball.  Slightly press down the cookie dough ball on the cookie sheet. Bake the cookies in a 350-degree oven for 7-8 minutes. Allow the cookies to cool.  We were able to make 60 cookies.

How to Make the Chocolate Frosting

Close up on a white bowl filled with homemade Chocolate Buttercream Frosting with an offset spatula in the frosting.

Step 3:  Now you need to make a half batch of our amazing The Best Chocolate Buttercream Frosting.  It is so creamy and yummy and tastes great on these mini chocolate cookies.  You can find the detailed directions right here.

Decorating the Cookies

Collage image showing how to plan to make the Red White and Blue M&M flowers from holiday M&M's.

Step 4: To create the Patriotic M&M flowers you will need two bags of Red White and Blue M&M’s.  This special holiday mix of M&M’s goes on sale in late spring in most grocery stores and big-box stores.
Step 5: Each M&M flower is made up of 7 M&M’s – one color for the center and a second color for the “petals”.

Collage image showing the steps for add the Red White and Blue M&M Flowers to the decorate the cookies.

Step 6: Use a knife to frost the Chocolate Cookies with the Chocolate Buttercream Frosting  and then press the M&M’s onto the chocolate frosting in the flower pattern shown in the image above.
Step 7: Here are the color combinations we created with our Red White and Blue M&M’s. These Patriotic M&M Cookies are so colorful and pretty!

Close up on a white platter filled with 4th of July Chocolate Cookies.

Other 4th of July Treats You Will Love

Did you Make This Recipe? Leave a review below, then snap a picture and tag @twosisterscrafting on Instagram so we can see it!

And don’t forget to follow us on PinterestFacebook, and Instagram!

4th of July Chocolate Cookies

Yield 60 Cookies
Prep Time 20 minutes
Cook Time 8 minutes
Total Time 28 minutes

Chocolate cookies covered with our Best Chocolate Buttercream Frosting and decorated with pretty Red White and Blue M&M Flowers. These 4th of July Chocolate Cookies will be a big hit at your Independence Day party or Memorial Day Barbecue.

Ingredients

  • 1 cup butter (Sweet Cream, Salted)
  • 3/4 cup Granulated Sugar
  • 2/3 cup Brown Sugar (packed)
  • 2 Large Eggs
  • 1 teaspoon Vanilla Extract
  • 2 1/4 cups All-Purpose Flour
  • 2/3 cup Unsweetened Cocoa Powder
  • 1 teaspoon Baking Soda
  • 1/4 teaspoon Salt
  • 1/2 batch of our The Best Chocolate Buttercream Frosting
  • Red White and Blue Holiday Mix M&M's - 2 Bags

Instructions

  1. Mix dry ingredients together and set aside.
  2. Cream butter and sugars.
  3. Mix in Eggs and Vanilla.
  4. Fold in dry ingredients.
  5. Measure .5 oz of cookie dough on a food scale for each cookie.
  6. Roll the chocolate cookie dough into a ball. Slightly press down the cookie dough ball on the cookie sheet.
  7. Bake the cookies in a 350 degree oven for 7-8 minutes. Allow the cookies to cool.
  8. Make a half batch of our The Best Chocolate Buttercream Frosting and use it to frost the chocolate cookies.
  9. For each M&M flower you will need 7 M&M's. Press one in the center of the cookie and press the remaining six M&M's around the first M&M to make a flower pattern.
  10. Allow the cookies to set before you store them.

Did you Make this Recipe? Leave a review below, then snap a picture and tag @twosisterscrafting on Instagram so we can see it!