★★★★★

Rainbow M&M Cookie Bars Recipe

Soft and chewy M&M Cookie bars topped with a sweet rainbow buttercream frosting. These frosted Rainbow M&M Cookie Bars are dreamy and delicious!

Love cookie bars? These Peanut Butter Chocolate Chip Bars are gooey and delicious with puddles of peanut butter! Or try our favorite Frosted Sugar Cookie bars for an treat!

Squares of chocolate chip cookie bars on a white plate. Frosted with a swirl of rainbow frosting.

Why this Recipe Works

I love frosting.

While some of my family scrapes the extra frosting off their cake, I pile it on to my slice.

Plate of square cute rainbow frosted chocolate chip cookies bars with a plate of plain (non frosted) bars in the back ground.

How to Make Rainbow Frosting

Start by making your basic white buttercream frosting.

I make a larger batch so that I can put a decent sized “rainbow” on each individual cookie bar (or cupcake!). You can cut the batch in half if you think you prefer less frosting.

Begin by beating softened butter for about 3 minutes using an electric mixer with whisk attachment. Scrape down the sides of the bowl as needed, until you see the butter turn pale in color, and smooth.

Add powdered sugar, milk, and pure vanilla extract.

Beat an additional 3-5 minutes until light and fluffy.

Now decide how many colors in your rainbow!

PRO TIP: Use Americolor gel colors for more vibrant colors that require less drops. Each of my colors was ONE drop of gel. 

4 clear decorator bag with the colored frosting...blue, yellow, pink, purple.

I chose four pastel colors for my spring cookies!

Separate your frosting into small bowls (for each color). Add one drop of gel coloring to each bowl, stir until no white frosting is seen. Add more color if desired.

Spoon frosting into small 12-inch disposable frosting bags. Snip off the tips.

Carefully slide all four bags into a LARGER frosting bag. I used an 18-inch bag with star tip attached.

Pipe frosting onto cooled cookie bars!

This is also very pretty piped onto cupcakes!

Rose swirl of rainbow frosting on a square of parchment paper with frosting bag and tip next to it. M&M's in background with cookie bars.

Can I freeze frosting?

Yes!

Frosting will stay good in the refrigerator for 4-5 days.

However, should you choose to freeze frosting, it can keep in an airtight container for up to 3 months in the freezer.

Thaw frosting overnight in the refrigerator.

You may need to beat it again with your mixer to get it light and fluffy, and you may need to add 1-2 TBSP of milk too.

White scalloped plate with squares of rainbow frosted cookie bars.

What can I do with leftover frosting?

Help! This was too much frosting for me.

While I personally don’t understand that phrase, I do know that some people don’t like as much frosting as I do.

In addition to freezing frosting, you can also pipe it onto sugar cookies for a delicious treat.

Or add frosting to these Bakery style brownies.

Still not sure how to use your leftover frosting?

Make a batch of Buttercream Truffles. That’s right, sweet candy made from your LEFTOVERS. Dream come true!

Chocolate Chip cookie bars with rainbow swirled frosting on a white plate with yellow napkin underneath.

More Rainbow Desserts

My family loves these soft and chewy M&M Cookies. They’re basically M&M Chocolate Chip, with a delicious chewy texture!

These Rainbow Chip Brownies are made using the best homemade buttermilk brownie recipe! Move over Cosmic Brownies from Little Debbie…these are too delicious to compare!

You’ll love these decadent Rainbow Fudge Cookie Bars. Chocolate Chip Cookie bars topped with a sweet fudge and rainbow chips!

Soft and chewy M&M Cookie bars topped with a sweet rainbow buttercream frosting. These Rainbow M&M Cookie Bars are dreamy and delicious!

More Easy Dessert Recipes

Yield: 24 bars

Rainbow M&M'S Cookie Bars Recipe

Prep Time 15 minutes
Total Time 15 minutes

Rainbow Cookie Bars: delicious chocolate chip cookie bars topped with a rainbow buttercream (tutorial).

Ingredients

For the Frosting:

  • 1 cup unsalted Butter, softened
  • 5 ½ cups powdered sugar
  • ¼ cup milk
  • 2 teaspoons vanilla extract
  • gel food coloring

Instructions

  1. For the cookies, bake and cool one batch of chocolate chip cookie bars.
  2. Start by making your basic white buttercream frosting.
  3. I make a larger batch so that I can put a decent sized "rainbow" on each individual cookie bar (or cupcake!). You can cut the batch in half if you think you prefer less frosting.
  4. Start by beating softened butter for about 3 minutes using an electric mixer with whisk attachment. Scrape down the sides of the bowl as needed, until you see the butter turn pale in color, and smooth.
  5. Add powdered sugar, milk, and pure vanilla extract.
  6. Beat an additional 3-5 minutes until light and fluffy.
  7. Now decide how many colors in your rainbow!
  8. I chose four pastel colors for my spring cookies!
  9. Separate your frosting into small bowls (for each color). Add one drop of gel coloring to each bowl, stir until no white frosting is seen. Add more color if desired.
  10. Spoon frosting into small 12-inch disposable frosting bags. Snip off the tips.
  11. Carefully slide all four bags into a LARGER frosting bag. I used an 18-inch bag with star tip attached.
  12. Pipe frosting onto cooled cookie bars!

Notes

  • PRO TIP: Use Americolor gel colors for more vibrant colors that require less drops. Each of my colors was ONE drop of gel. 

Recommended Products

As an Amazon Associate and member of other affiliate programs, I earn from qualifying purchases.

Nutrition Information:

Yield:

24

Serving Size:

1

Amount Per Serving: Calories: 174Total Fat: 8gSaturated Fat: 5gTrans Fat: 0gUnsaturated Fat: 3gCholesterol: 21mgSodium: 7mgCarbohydrates: 26gFiber: 0gSugar: 25gProtein: 0g

*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

Avatar photo

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!"

Categories:


Posted on April 29, 2019

Comments & Reviews

  1. Great job on this frosting, Aimee! And the bars sound fabulous. The texture looks dreamy.

  2. What a fun spring time treat. I will definitely have to make these. Love your blog and I am your newest follower. xo

  3. These look so cool. Who knew??!! And I’m right there with you on the frosting. That’s almost the best part!

  4. these are too cute! i’m adding them to my to-bake list. i love all those colors! awesome recipe. 🙂

  5. Those are so pretty! Love what you’ve done with the frosting … I am not the biggest, best froster, but I think I need to try that technique. Sometime.

  6. They look awesome, your frosting turned out so well! I just love the technique – such an impressive result and really not too difficult 🙂

  7. Wonderful recipe! I thik I’ll make this for Hubby tonight to take to twork. His co-workers are chocolate chip M&M fans!

  8. I love that frosting! I have never seen one with meringue powder and butter. It sounds SO good. I will be trying it for sure!

  9. I love the rainbow frosting! It’s so pretty and looks so intricate. I don’t have the patience to do that but I really want to now seeing yours!

  10. I have a couple in our house that scrape the yummy frosting off. But you are right…more for us:-) Love the fun rainbow icing!!!!

Leave a Reply

Your email address will not be published.