Be Inspired!

Subscribe for a free sweet dessert recipe delivered instantly!

Thank you for subscribing!

Something went wrong.

This post may include paid or affiliate links.

It’s time to get patriotic with red, white and blue cupcakes! Celebrate the 4th of July or other patriotic holidays with this fun cupcake recipe. Do you know someone in the military? Did you know M&M’s® was first made as rations for our troops? They were! With that in mind, we’re celebrating our freedom with M&M’s® red, white and blue cupcakes and other treats, like these patriotic cake pops and freedom fries pretzel rods!

Red, White and Blue Firecracker Patriotic Cupcakes

Let’s not waste any time getting our freedom on and dive right into this easy patriotic cupcakes recipe! We’ll begin with a box of white cake mix. Read the back of the box to find out what you’ll need to make cupcake – brands may differ.

Mix the cake mix according to the package, then separate into three bowls. In one bowl, we’ll add blue food coloring or food gel. In another bowl of cupcake mix, we’ll add red food coloring or food gel coloring. We’ll leave the third bowl white. Note: I used the egg whites only – disposing of the yolks as the yellow from the yolk makes it a little more difficult to color the mix blue and red and will give the white a less pure color.

Red White and Blue Firecracker Cupcake Mix

Next, mix a few of your patriotic jimmies into the white cake mix bowl. Line your cupcake pan with patriotic cupcake liners and add equal amounts of each color to each cupcake liner. One tablespoon of each color; red, white and blue will work great. Unless you’re like me and like overflowing cupcakes so you get a cupcake top – you know – like a muffin top on your cupcake ;).  Add the colors in order, blue, white and red on top, or mix and match any way you want. You could even add them next to one another in the cupcake liners. I wouldn’t suggest swirling them as the colors would likely just blend into an ugly color.

Once your cupcake liners have the cupcake mix in them, about 3 tablespoons (or more for fat-top cupcake) add a few red, white and blue M&M’s® candies to the top of them. They’ll sink a little as they cook.

Firecracker M&M's® Cupcakes

Bake your cupcakes! Follow the instructions on your cake box mix. They’re done when you stick a toothpick in and it comes out clean, just make sure you don’t mistake a melted M&M’s® candy for wet cake batter.

Red, White and Blue Patriotic Cupcakes with M&M's

Once your cupcakes are cooled, it’s time to frost them! I’m using white cupcake frosting.

Red, White and Blue Frosted Cupcakes

Then I’m decorating them with patriotic sprinkles and Red, White and Blue M&M’s® Milk Chocolate candies.

Patriotic Cupcakes Recipe

Don’t forget your patriotic cupcake picks!

Patriotic Cupcake Recipe

Patriotic Cupcake Recipe

Red, White and Blue Firecracker Cupcakes

Scrappy Geek
Patriotic Red, White and Blue Cupcakes
5 from 5 votes
Prep Time 15 mins
Cook Time 18 mins
Total Time 33 mins
Course Dessert
Cuisine American
Servings 24


  • 1 Box White Cake Mix
  • 3 Egg whites
  • 1/3 cup vegetable oil
  • 1 1/4 cup water
  • 1 Can White Frosting
  • Red & Blue Food Coloring
  • 1/2 cup Red White and Blue M&M's® Candies
  • Patriotic Sprinkles


  • Mix cake mix according to box. I used only the egg whites to eliminate the yellowing from the egg yolks
  • Split batter into three bowls, add red food coloring to one bowl, add blue to another and add patriotic sprinkles to the third
  • Add 1 tablespoon of each color batter into a patriotic cupcake liner lined baking sheet
  • Bake according to instructions on cake mix box
  • Frost with white frosting
  • Sprinkle on patriotic sprinkes
  • Add red, white and blue patriotic M&M's® candies
  • Top with patriotic cupcake pick
  • Optional: Surround with another patriotic liner before serving

Happy 4th of July!

Be Inspired!

Subscribe for a free sweet dessert recipe delivered instantly!

Thank you for subscribing.

Something went wrong.

Send this to a friend