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

Fantabulosity logo

  • Start Here
    • About Jessica
    • Newsletter
    • Contact Me
    • Collaborate
    • Resource Page
    • Press
  • Recipes
    • Dinner Recipes
    • Lunch Recipes
    • Side Dishes
    • Appetizers
    • Desserts
      • Cupcakes
      • Cakes
      • Cookies
      • Dessert Salads
    • Drinks
    • Breakfast
    • Salad Recipes
      • Savory Salads
      • Pasta Salads
      • Dessert Salads
    • Snacks
    • Air Fryer
    • Instant Pot
    • Slow Cooker
    • Oven Baked
    • No Bake
    • Smoked Recipes
  • Entertaining
    • Holidays
      • Valentine’s Day
      • St. Patrick’s Day
      • Easter
      • Fourth of July
      • Mother’s Day
      • Father’s Day
      • Halloween
      • Thanksgiving
      • Christmas
    • Birthday
    • Adult Themes
    • Girls Night
    • Kids
    • Gift Ideas
  • Home
    • Organization
      • Home Management Binder
      • Organize Your Life – Trello Training
      • Printables
    • Cleaning
    • “Must-Have” Products
    • DIY & Crafts
    • Decorating
  • Lifestyle
    • Fashion & Beauty
      • Mom Fashion
      • Makeup + Beauty
      • Hair
      • Trunk Club
      • Kids
    • Blogging
      • Blog Mentor Services
      • How to Start a Blog Class
      • Grow Your Blog Video Course
    • Self Improvement
      • Marriage
      • Health + Fitness
      • Parenting
    • Travel
    • Family + Friends
  • Shop
    • Printables & Cookbook
    • Shop my Instagram
    • My Favorites
  • Navigation Menu: Social Icons

    • Facebook
    • Instagram
    • Pinterest
    • Twitter
menu icon
go to homepage
subscribe
search icon
Homepage link
  • Start Here!
  • Recipes
  • Entertaining
  • For the Home
  • Lifestyle
  • Shop
  • Contact
    • Facebook
    • Instagram
    • Pinterest
    • Twitter
  • ×

    Home » Holiday » Fourth of July

    4th of July Cupcakes: Red White and Blue Layers

    By: Jessica · Posted: Jun 9, 2022 · Updated: Jun 9, 2022 · This post may contain affiliate links. Please read my disclosure policy.

    Jump to Recipe
    Total Time: 1 hour
    Servings: 12 cupcakes
    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!

    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.

    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
    • 4th of July Cupcakes: Red, White, and Blue Layers

    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 the opposite of this 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 review below to let me know what you thought! Then 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.

    4th of July cupcakes.

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

    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 mins
    Cook Time 20 mins
    Cool time 20 mins
    Total Time 1 hr
    Course Dessert, Snack
    Servings 12 cupcakes
    Calories 426 kcal

    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
    Prevent your screen from going dark

    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. The cupcake liners should be about ⅔ full. 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.
    • 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.

    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!
    « Banana Pudding Brownies
    Snicker Apple Salad »

    Filed Under: Cupcakes, Desserts, Fourth of July, Oven Baked, Recipes, Snacks

    Get my 5 Secrets to Get Dinner on the Table FAST!

    Reader Interactions

    Comments

    1. 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
    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. 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

    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.

    Primary Sidebar

    Fantabulosity Blog: Lifestyle, Easy Recipes, Home Management

    Hi, I'm Jessica! Are you ready to add simplicity to your busy life? Here you'll find easy recipes, organization hacks, home & entertaining ideas...

    More about me →

    Seasonal Favorites

    • Strawberry Brownies Recipe
    • Shrimp Macaroni Salad
    • The BEST Oreo Dessert
    • Easy Bacon Ranch Pasta Salad

    Popular Recipes

    • The BEST Hamburgers in the Oven – Gone VIRAL!
    • Bread Pudding Recipe: Easy Old Fashioned Recipe (With Video!)
    • Baked BBQ Pork Steaks Recipe in the Oven
    • The BEST Side Salad Recipe
    • The BEST Fried Shrimp Recipe
    • Fruit Salad with Cool Whip

    Categories

    Fantabulosity Blog Featured On Media

    Footer

    ↑ back to top

    About

    • About Jessica
    • Contact
    • Collaborate
    • 5 Secrets to Meal Planning

    Easy Recipes

    • All Recipes
    • Side Dishes
    • Salad Recipes
    • Desserts

    How to Cook

    • Oven-Baked
    • Stove-Top
    • Air Fryer
    • Instant Pot

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