• Skip to primary navigation
  • Skip to main content
  • Skip to primary sidebar

Fantabulosity logo

  • All Recipes
  • Vintage Recipes
  • Holiday
  • Dinner Theme System
  • About
  • Navigation Menu: Social Icons

    • Facebook
    • Instagram
    • Pinterest
menu icon
go to homepage
subscribe
search icon
Homepage link
  • All Recipes
  • Theme Night Dinner System
  • Dinner
  • Desserts
  • Holidays
  • Contact
  • About Jessica
    • Facebook
    • Instagram
    • Pinterest
    • Twitter
  • ×
    Home » Recipes » Fourth of July

    4th of July Cupcakes – Red, White, and Blue Layers

    By: Jessica · Posted: May 20, 2025 · This post may contain affiliate links. Please read my disclosure policy.

    • Facebook
    Jump to Recipe 3 comments
    5 from 3 votes
    red white and blue layered cupcake with text on image

    If you’re looking for easy 4th of July Cupcake ideas, look no further! These red white and blue cupcakes are the perfect patriotic dessert for your Fourth of July or Memorial Day celebrations, just like this American Flag Fruit Pizza!

    Quick Overview: You’ll use a box cake mix and food coloring to create the three distinct layers in these cupcakes. 20 minutes of prep, 20 minutes to bake, and 20 minutes to cool – in one hour you’ll have the perfect Fourth of July decorated cupcakes!

    4th of July cupcakes with a bite out of the one in front.
    4th of July cupcakes: red, white, and blue layers.

     

    ❤️ Why You’ll Love These Easy 4th of July Cupcakes

    Are you looking for red white and blue cupcakes to serve up with your hot dogs and burgers this 4th of July? These cupcakes are just what you’ve been looking for!

    Because you use a cake mix to make these cupcakes, they are super quick and easy to make (but still fluffy and delicious). These would make a perfect addition to your Fourth of July party dessert table, especially sitting next to this Fourth of July Puppy Chow and this Red, White and Blue Dip!

    Jump to:
    • ❤️ Why You’ll Love These Easy 4th of July Cupcakes
    • Ingredients
    • Instructions
    • Instructions for 4th of July cupcake frosting
    • Substitutions
    • Variations
    • Fourth of July cupcake decorating ideas
    • Storage
    • Expert tips and FAQs
    • Related Recipes
    • Recipe
    • Comments

    Ingredients

    You don’t need anything fancy for these cupcakes. You can find all of the ingredients you need at your local grocery store!

    4th of July cupcake ingredients with labels.
    Cupcake Ingredients

    Cupcake Ingredients:

    • 1 – 15.25 ounce box white cake mix
    • ¾ cup sour cream
    • ½ cup vegetable oil
    • ½ cup water
    • 4 egg whites
    • 1 teaspoon clear vanilla extract (optional)
    • red & blue food coloring
    • red & blue sanding sugar (for decoration)
    Ingredients for icing for 4th of July cupcakes with labels.
    Frosting Ingredients

    Frosting Ingredients:

    • ½ cup butter, softened
    • 3 cups powdered sugar
    • ⅛ teaspoon salt
    • 1 ½ teaspoon clear vanilla extract
    • 3-4 tablespoons heavy cream or milk

    See the printable recipe card below for a full list of ingredients and instructions.

    Instructions

    Cupcakes:

    1. Heat oven to 350°F. Place 12 cupcake liners into cupcake tin. 
    2. In the bowl of a stand mixer or a large mixing bowl, combine cake mix, sour cream, oil, water, egg whites, and vanilla extract. Mix on low speed for 30 seconds with a stand mixer or electric hand mixer, then scrape the edges of the bowl. Beat on medium speed for 2 minutes longer, scraping the edges when necessary, until well combined.
    12 cupcake liners in a muffin tin.
    Place liners in tin.
    Ingredients for 4th of July cupcakes in the bowl of a stand mixer.
    Add ingredients to bowl & mix.
    1. Divide the batter into 3 medium bowls (about 1 cup each). Be sure to get all of the batter out of the bowl when dividing. All of the batter will be needed to create even layers. Add red food coloring to one bowl, mixing well after each drop or two, until the batter is a nice red color (about 8-9 drops total). Repeat with another bowl and the blue coloring (about 6 drops total). Do not put any food coloring into the third bowl of batter.

    Pro Tip: You can use a toothpick to more easily spread the layers in the cupcake liners.

    Cupcake batter with drops of red food coloring in it.
    Add food coloring.
    Three bowls - one with white batter, one with red, one with blue.
    Color two bowls, leave one white.
    1. If you want cupcakes with blue on top, start by spooning 1 tablespoon of red batter into the bottom of the cupcake liners; spread evenly. Next, spoon 1 tablespoon of white batter on top of the red; spread evenly so that no red batter can be seen underneath. Lastly, spoon 1 tablespoon of blue batter; spread evenly so no white batter can be seen. The cupcake liners should be about ⅔ full – do not overfill the cups or they will bake overflow while baking and make “muffin tops”.

      Do the opposite of this layering process if you want cupcakes with red on top.
    12 cupcake liners, 6 with blue batter and 6 with red batter in them.
    Add colored batter.
    12 cupcake liners with white batter in them.
    Add white batter, then final color layer.
    1. Bake the cupcakes for 18-20 minutes or until an inserted toothpick comes out clean. Before adding frosting, make sure that the cupcakes are completely cooled (approx 20 minutes).

    Pro Tip: Don’tt overcook the cupcakes as this can make the blue tops turn green.

    12 baked cupcakes, 6 red and 6 blue.
    Bake cupcakes 18-20 mins.

    Instructions for 4th of July cupcake frosting

    1. For the frosting, whip the butter using an electric mixer until it is lighter in color and the consistency is slightly fluffy (about 1-2 minutes).
    Butter in the bowl of a stand mixer.
    Whip butter.
    1. Add the powdered sugar and salt. Beat for 1 minute until well combined and scrape the sides of the bowl half way through mixing.
    Creamed butter and powdered sugar in a mixing bowl.
    Add powdered sugar and salt.
    1. Add the vanilla and 3 tablespoons of the cream/milk and beat for 1 minute. Slowly add more cream, if needed, to achieve the desired consistency. Whip for another minute or so until light and fluffy. 
    Butter and sugar mixture in a mixing bowl.
    Add milk & beat.
    1. Spread or pipe the frosting onto the cupcakes. Sprinkle tops with the sanding sugar and serve.
    Frosting being piped on a red cupcake.
    Pipe or spread on frosting.
    A 4th of July cupcake, frosted with sanding sugar on top.

    Looking for more cupcake recipes? Why not try our Oreo cupcakes with Oreo buttercream frosting or these fun pink champagne cupcakes (perfect for a baby shower, bridal shower, or other special occasion)!

    Substitutions

    If you are missing an ingredient or can’t use one, here are a few substitutions you can try…

    • Milk – you can use a non-dairy milk in its place.
    • Sour Cream – you can use greek yogurt instead.
    • Vegetable Oil – any oil can be used in this recipe, and even melted butter or margarine.
    • Frosting – if you are short on time, you can always buy store bought frosting instead of making your own.
    • Eggs – instead of 4 egg whites, you can use 3 whole eggs. Your cupcakes will taste the same, but the white layer will not be quite as white.

    Variations

    You could make endless variations of this recipe by switching up the cake mix or the frosting you use!

    • Try topping these cupcakes with cream cheese frosting like we did on our cookies and cream cinnamon rolls.
    • Instead of a white cake mix, try using a Funfetti cake mix or yellow cake mix.
    • Try serving these cupcakes with a scoop of ice cream on the side!
    • Try making these cupcakes with other colours for different holidays! Red and green for Christmas, green and white for St. Patrick’s Day, pink, yellow and blue for Easter…

    Fourth of July cupcake decorating ideas

    Now I’m NO frosting and piping expert, but I have found it really easy to frost cupcakes when using a piping bag (aka pastry bags) and tips!
    Feel free to use any tips that you wish! My favorites are in a set of tips like these and disposable piping bags.

    Other decorating ideas:

    • Instead of sanding sugar, you can top these cupcakes with red and blue sprinkles or even red and blue candies!
    • Instead of white frosting, you could use food coloring to create blue frosting or red frosting.

    Storage

    You can store these cupcakes in an airtight container at room temperature for 2-3 days.

    You can also freeze these cupcakes in a freezer safe, airtight container for up to a month. I would recommend storing the cupcakes only and making the frosting when you are ready to serve them.

    Expert tips and FAQs

    How do you make 4th of July cupcakes?

    Most Fourth of July foods are themed after the American flag, so they use the patriotic colors (red white and blue) and often incorporate stars.

    To make these easy cupcakes into 4th of July cupcakes, we’ve incorporated the red white and blue colours into the layers as well as the sprinkles on top!

    How do you keep cupcakes moist and fluffy?

    The best way to ensure your cupcakes are moist and fluffy is to be careful not to over bake them. Watch carefully as they near the end of their cooking time.

    The oil and sour cream in the cupcake recipe will help to keep them moist and fluffy as long as they are baked properly.

    Did you make this? I’d be so grateful if you left a “star” rating below to let me know what you thought! Then, the next time you need a quick and easy recipe, come back to Fantabulosity to browse all of my easy recipes!

    Related Recipes

    If you enjoyed these patriotic cupcakes, check out our other Fourth of July foods like these red, white, and blue Rice Krispie Treats or these mixed berry mini trifles.

    Originally published: June 2022
    Updated and republished: May 2025

    Recipe

    4th of July cupcakes.

    4th of July Cupcakes

    Jessica Burgess
    If you're looking for easy 4th of July Cupcake ideas, look no further! These red white and blue cupcakes are the perfect patriotic dessert for your Fourth of July or Memorial Day celebrations!
    5 from 3 votes
    Print Recipe Pin Recipe
    Prep Time 20 minutes mins
    Cook Time 20 minutes mins
    Cool time 20 minutes mins
    Total Time 1 hour hr
    Course Dessert, Snack
    Cuisine American
    Servings 12 cupcakes
    Calories 426 kcal

    Video

    Ingredients

    Cupcake Ingredients

    • 1 – 15.25 ounce box white cake mix
    • ¾ cup sour cream
    • ½ cup vegetable oil
    • ½ cup water
    • 4 egg whites
    • 1 teaspoon clear vanilla extract (optional)
    • red & blue food coloring
    • red & blue sanding sugar (for decoration)

    Frosting Ingredients

    • ½ cup butter softened
    • 3 cups powdered sugar
    • ⅛ teaspoon salt
    • 1 ½ teaspoon clear vanilla extract
    • 3-4 tablespoons heavy cream

    Instructions
     

    Cupcakes:

    • Heat oven to 350°F. Place 12 cupcake liners into cupcake tin.
    • In the bowl of a stand mixer or a large mixing bowl, combine cake mix, sour cream, oil, water, egg whites, and vanilla extract. Mix on low speed for 30 seconds with a stand mixer or electric hand mixer, then scrape the edges of the bowl. Beat on medium speed for 2 minutes longer, scraping the edges when necessary, until well combined.
    • Divide the batter into 3 medium bowls (about 1 cup each). Add red food coloring to one bowl, mixing well after each drop or two, until the batter is a nice red color (about 8-9 drops total). Repeat with another bowl and the blue coloring (about 6 drops total). Do not put any food coloring into the third bowl of batter.
    • If you want cupcakes with blue on top, start by spooning 1 tablespoon of red batter into the bottom of the cupcake liners; spread evenly. Next, spoon 1 tablespoon of white batter on top of the red; spread evenly so that no red batter can be seen underneath. Lastly, spoon 1 tablespoon of blue batter; spread evenly so no white batter can be seen.
      NOTE: The cupcake liners should be about ⅔ full – do not overfill the cups or they will bake overflow while baking and make "muffin tops".
      Do the opposite of this process if you want cupcakes with red on top.
    • Bake the cupcakes for 18-20 minutes or until an inserted toothpick comes out clean. Before adding frosting, make sure that the cupcakes are completely cooled (approx 20 minutes).

    Frosting:

    • For the frosting, whip the butter using an electric mixer until it is lighter in color and the consistency is slightly fluffy (about 1-2 minutes).
    • Add the powdered sugar and salt. Beat for 1 minute until well combined and scrape the sides of the bowl half way through mixing.
    • Add the vanilla and 3 tablespoons of the cream/milk and beat for 1 minute. Slowly add more cream, if needed, to achieve the desired consistency. Whip for another minute or so until light and fluffy. 
    • Spread or pipe the frosting onto the cupcakes. Sprinkle tops with the sanding sugar and serve.

    Notes

    STORAGE: You can store these cupcakes in an airtight container at room temperature for 2-3 days. 
    You can also freeze these cupcakes in a freezer safe, airtight container for up to a month. I would recommend storing the cupcakes only and making the frosting when you are ready to serve them. 
    PRO TIPS: 
    • Use a toothpick to more easily spread the layers in the cupcake liners.
    • Do not overcook the cupcakes, as this can make the blue tops turn green.

    Nutrition

    Serving: 1cupcake | Calories: 426kcal | Carbohydrates: 39g | Protein: 1g | Fat: 30g | Saturated Fat: 10g | Polyunsaturated Fat: 10g | Monounsaturated Fat: 8g | Trans Fat: 1g | Cholesterol: 33mg | Sodium: 196mg | Potassium: 44mg | Fiber: 1g | Sugar: 36g | Vitamin A: 381IU | Vitamin C: 1mg | Calcium: 21mg | Iron: 1mg

    Nutritional information is based on third-party calculations and should be considered estimates. Actual nutritional content will vary with brands used, measuring methods, portion sizes and more.

    Keywords cake mix, cupcake, Fourth of July
    Tried this recipe?Let us know how it was!

    More Fourth of July Recipe

    • A mixed berry mini trifle.
      Mixed Berry Mini Trifles
    • Slice of Strawberry Whipped Cream Cake on round plate, next to a sliced strawberry.
      Strawberry Whipped Cream Cake
    • fruit punch in glass with orange slice
      Fruit Punch Recipe
    • Close up of apple pie baked beans in skillet, with wooden spoon.
      Apple Pie Baked Beans
    Subscription Form

    Get 5 Days of Delicious & Easy Dinner Recipes!

    Reader Interactions

    Comments

      5 from 3 votes (1 rating without comment)

      Leave a Reply Cancel reply

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

      Recipe Rating




      This site uses Akismet to reduce spam. Learn how your comment data is processed.

    1. Katie says

      June 09, 2022 at 12:00 pm

      5 stars
      These are so festive and fun. I can’t wait to make these for our family get togethers!

      Reply
    2. Agnes says

      June 09, 2022 at 11:52 am

      What a fun treat, my kids would absolutely love these!! The perfect holiday treat.

      Reply
    3. Allyson Zea says

      June 09, 2022 at 11:52 am

      5 stars
      I make these every year for the Fourth of July and they are always a hit!

      Reply

    Primary Sidebar

    Jessica Burgess of Fantabulosity, slicing an avocado.

    Hi, I'm Jessica! - Owner and Creator of the blog and brand, Fantabulosity.

    I’m here to teach you how to make quick and easy recipes, using simple ingredients, that your family will love.

    More about me →

    Summer Recipes

    • Close-up of pinwheel sandwiches stacked on top of one another.
      Pinwheel Sandwiches
    • Chicken macaroni salad in a bowl.
      The BEST Chicken Macaroni Salad
    • Chicken salad with grapes and apples, sitting on bread.
      Chicken Salad with Grapes and Apples
    • Serving of banana pudding on small plate.
      Quick & Easy Banana Pudding

    Popular Recipes

    • bread pudding in baking dish
      Bread Pudding Recipe: Easy Old Fashioned Recipe (With Video!)
    • Burger baked in the oven, steamed in aluminum foil, and placed on white plate.
      Burgers in the Oven
    • Oven Baked Steak with Butter and a side of potatoes
      How to Cook Steak in the Oven
    • Strawberry brownies on white marble cutting board.
      Strawberry Brownies Recipe
    • Cheeseburger Sliders
      Cheeseburger Sliders with Hawaiian Rolls
    • Baked BBQ Pork Steaks on white plate
      Pork Steaks in the Oven

    Footer

    ↑ back to top

    Featured In

    About

    • About Jessica
    • Contact
    • Collaborate
    • 5 Days of Delicious Dinners

    Easy Recipes

    • All Recipes
    • Dinner Recipes
    • Side Dishes
    • Desserts

    How to Cook

    • Oven-Baked
    • Stove-Top
    • No Bake
    • Slow Cooker

    Privacy Policy |Accessibility Copyright © 2025 Fantabulosity | Terms & Conditions | FTC

    Rate This Recipe

    Your vote:




    A rating is required
    A name is required
    An email is required

    Recipe Ratings without Comment

    Something went wrong. Please try again.