• Skip to primary navigation
  • Skip to main content
  • Skip to primary sidebar
  • Skip to footer
Hungry Happenings
  • RECIPES
    • All Recipes
    • Dessert Recipes
    • Decorated Cookies
    • Decorated Cakes
    • Cheesecake Recipes
    • Everyday Desserts
    • Homemade Candy
    • Everyday Meals
    • Readers’ Gallery
    • Hungry Happenings Blog Posts
  • HOW TO
    • Chocolate Making Tips
    • Chocolate Making Course (video lessons)
    • Make Modeling Chocolate
      • Modeling Chocolate Recipe and Tutorial
      • How to Color Modeling Chocolate
      • How to Store and Work with Modeling Chocolate
      • How to Fix Greasy Modeling Chocolate
      • How to Fix Dry Modeling Chocolate
      • Use Colored Candy Melts to Make Candy Clay
    • Candy Clay Creations
    • How To Color White Chocolate and Candy Melts and Paint Candy Molds
    • How to Use Food Coloring Markers
  • HOLIDAYS
    • ALL HOLIDAY RECIPES
    • Valentine’s Day
    • St. Patrick’s Day
    • Easter
    • 4th of July
    • Halloween
      • Hungry Halloween
    • Thanksgiving
    • Christmas
    • New Year’s Eve
    • MORE HOLIDAYS
      • Mother’s Day
      • Father’s Day
      • April Fools
      • Chinese New Year
      • Cinco de Mayo
      • Day of the Dead
      • Earth Day
      • Mardi Gras
  • PARTY FOOD
    • Super Bowl
    • Graduation
    • Birthday Party
    • March Madness
    • Summer Fun
    • Baby Shower
    • Wedding Shower
    • School/Teacher
    • Movie and T.V. Characters
    • Kid’s Treats
    • Fun Party Recipes
  • MY COOKBOOKS
  • ABOUT
  • MY BLOGS
    • HowToMakeCerealTreats.com
    • HowToMakeEasyCookies.com
    • HowToMakeEasyFudge.com
    • TheSugarAcademy.com

4th of July Dessert – Red, White and Blue Tie-Dye Cake

Published: Jun 26, 2020 · Recipe by: Beth · This post may contain affiliate links.

4th of July Dessert – Red, White and Blue Tie-Dye Cake

This Red, White and Blue Tie-Dye Cake is an incredibly impressive 4th of July Dessert. Swirls of colored coconut cake are topped with coconut frosting and red and blue colored white chocolate ganache dripping down the sides.
UPDATE – New Video Tutorial with a New Version of this Cake

4th of July Red, White and Blue Tye-Dye Cake decorated with dripping red and blue white chocolate ganache and topped with white stars.

This Red, White, and Blue Tie-Dye Cake made for the 4th of July is the love child, so to speak, of two very popular cakes that I shared with you in the past few weeks, the Melting Rainbow Cake and the Rainbow Tie-Dye Surprise Cake. This baby was born out of so much love, from you the readers, that is.

It’s always my hope that when I bring life to a project that it will be accepted and cherished and dare I say, popular.

I honestly never know how people will respond to my creations, but I am overjoyed when I produce something that really strikes a chord with people, and these cakes certainly have.

Can you see the family resemblance?

Both of the bright colorful cakes were created for my gig over at Tablespoon.com. Being able to share my work on the Tablespoon site, opens my projects up to a much larger audience than my own. Collectively those cakes have been seen by millions of people, which is unbelievably amazing. They are the most popular projects I’ve created.

This is all pretty exciting for me.

4th of July Dessert - Red, White and Blue Tie-Dye Cake | HungryHappenings.com

That excitement couldn’t be contained.

I couldn’t resist getting back into the kitchen and playing around with the techniques used to create those two cakes.

The next big holiday here is the 4th of July, so this new cake is red, white and blue. I love the red, white and blue tie-dye interior, maybe even more so than the rainbow colors.

But, what made this cake for me, was the flavor. I have to say it’s the best cake I’ve ever made.

4th of July Dessert - Red, White and Blue Tie-Dye Cake | HungryHappenings.com

Many readers asked if the tie-dye cake could be made using white cake mix instead of pound cake, I had to try it, but I was tired of plain cake, so I chose to doctor it up. I used a Betty Crocker Coconut Cake recipe and loved the nice subtle coconut flavor of the cake.

The recipe called for a white chocolate coconut flavored frosting. I had a bag of Wilton’s Coconut Candy Melts and decided to pump up the coconut flavor by using them in place of the white chocolate called for in the recipe.

The resulting frosting was spectacular. It was the best coconut buttercream I’ve ever tasted. I love coconut but have to admit that sometimes the texture of it is bothersome. This frosting has all the amazing flavor, but none of the grit from the coconut flakes.

Slice of Red, White and Blue Tie-Dye Cake

I covered the delicate coconut cake with this unbelievably rich and creamy coconut frosting then topped it all off with colorful ganache. The colors are vibrant and bright and make a wonderful 4th of July dessert.

I usually give my cakes away to friends and neighbors, but this one I wanted to keep all to myself.

Here’s my latest version of the cake. I made this cake for Valentine’s Day.

Raspberry Lemon “I ❤ You” Valentine’s Day Cake

Fourth of July Desserts

NEW VIDEO TUTORIAL
I love how the cake turned out in the video below. The blue and red drips look fantastic and I decided to use Candy Clay (modeling chocolate) to make the stars. It gives the cake a cleaner appearance. Check out my chocolate making tips page for the Candy Clay recipe.

4th of July Dessert

Red, White, and Blue Tie-Dye Cake
(serves 12)
recipe adapted from Betty Crocker

You can find supplies needed to make this cake from Amazon (commission earned for affiliate sales).

NOTES:

  • Wilton’s Coconut Candy Melts were a limited edition and were only available for a short time, which is so sad. They were fabulous and I hope Wilton brings them back soon. When I recreated this recipe for the video in 2017, I made the coconut frosting using plain white candy melts and added Wilton’s Toasted Coconut Flavoring. You can use coconut extract in place of the flavoring. Both will work great.
  • The frosting firms up very quickly so do not make it ahead of time. Make it then frost the cake. If it feels too firm add a bit of milk to thin it out.

Supplies Needed:

  • 12 or 13-inch long loaf pan
    • You can use a regular 9-inch loaf pan if you don’t have a long one. The shape of the cake will be different but will look pretty cool too.
  • Reynolds Non-stick tin foil, baking spray, and parchment paper, or use shortening and flour
  • mini food processor or knife
  • optional, 5-7 small star-shaped cookies cutters of varying size

Instructions:

  • Preheat oven to 350 degrees (325 for dark non-stick pans)
  • Either line loaf pan with non-stick tin foil or grease with shortening and dust with flour or spray with non-stick flour baking spray. I prefer the tin foil. It’s easy and clean.

Easy Coconut Cake Recipe | HungryHappenings.com

Coconut Cake Batter

  • Combine the cake mix with egg whites, water, and coconut milk.
  • Beat on low for 30 seconds, then beat on high for 2 minutes.
  • Finely chop the coconut, using a mini food processor or knife.
  • Fold coconut into the cake batter.

Red, white and blue cake recipe

Red, white, and blue cake batter swirls:

  • Divide batter in half. Pour half into a large 18-inch pastry bag or two smaller bags.
  • Divide remaining batter among two bowls. Color one red and one blue.
  • Pour red batter into a pastry bag and blue into another bag.
  • Pipe a small amount of blue batter in a squiggly pattern into the pan.
  • Pipe on some white then some red. Repeat until all the batter is gone.
    • You have twice as much white so that it actually shows through.

Red, white and blue cake recipe | HungryHappenings.com

  • Bake for 45-50 minutes until a toothpick poked into the center of the cake comes out clean.

I used Wilton Bake Even Strips on the outside of my pan to make sure the cake baked evenly. They keep the sides from browning too much which is especially nice with this cake, so you see more red, white and blue.

Red, white and blue cake

  • Allow the cake to cool completely.
  • Level the cake by cutting off any cake that is domed on top.
  • Cut a cake board so that it is 1/4 inch bigger on all sides of your cake. Set the cake on the board.
    • I found it best to flip the cake upside down. That way I had a nice smooth surface to frost.

Coconut Buttercream Recipe

Update: Sadly the Coconut Candy Melts are no longer available. You can make this frosting using white chocolate chips or white candy melts instead. You’ll probably want to add a teaspoon of coconut extract to enhance the coconut flavor. Or if you don’t like coconut, you skip it and swap out heavy whipping cream for the coconut milk.

Coconut Frosting

  • Pour Wilton Coconut Candy Melts in a microwave-safe bowl. Heat on high for 30 seconds.
  • Let sit in the microwave for 1 minute, then stir. Heat again on high for 25 seconds, let rest 1 minute, then stir.
    • If not completely melted heat on high for 10-second increments, stirring after each until melted.

Coconut Buttercream

  • Pour powdered sugar, room temperature coconut milk, and butter into a mixing bowl.
  • Add the melted coconut candy melts, stir to combine, then beat on medium speed until the frosting becomes light and fluffy.

Note: If any of your ingredients are cold or the candy melts stick to the sides of your bowl, your candy melts can harden and form little hard bits in your frosting. Try to pour the candy melts into the ingredients so they don’t touch the sides. If you end up with hard bits in your frosting, gently warm it in the microwave to allow them to melt, then beat until fluffy.

How to frost a rectangle cake

Frosting the cake:

  • Frost cake immediately, reserving about 2 tablespoons of frosting for later. This frosting will become stiff quickly, so don’t dawdle.

You want a nice smooth surface on the cake. I used a Wilton Icing Smoother, and it worked great. I also filled a tall glass with hot water and dipped my metal spatula in the water, dried it, then spread it over the top and sides of the cake. The hot spatula slightly melted the frosting, smoothing it out nicely.

Patriotic Cake

  • Arrange 5-7 small star-shaped cookie cutters over the top of the cake.
  • Gently press them into the frosting just far enough that they will keep the ganache from seeping underneath.

Candy Melt Ganache Recipe

Red and blue ganache:

  • Pour 2 ounces of the colored candy melts into a small bowl, pour on 2 tablespoons heavy whipping cream, and 2 teaspoons corn syrup.
  • Microwave on high power for 25 seconds, let sit in the microwave for 1-2 minutes then stir.
    • If not all melted heat on high for 10-second increments until melted.
  • You want the ganache to be thin enough to drip but not so thin that it just drips off the side of the cake, so you may need to allow it to cool slightly. As you are working, you may need to warm it slightly, also.

Red, White, and Blue Melting Ganache Cake

  • Start at one end of the cake an drizzle on some blue, then some red, then blue, and red, until you’ve made your way all around the cake.
  • Once you’ve added dribbles to the side of the cake, fill in the top.

Red, White and Blue Tie-Dye Cake recipe

  • Allow the ganache to harden, then remove the cutters.

Red, White and Blue Tie-Dye Cake recipe

Pour reserved coconut frosting into a zip-top bag. Snip the tip off and pipe the frosting over the stars.

Just a note: you can skip using the star cutters and just pipe the stars on yourself. I was really hoping I wouldn’t have to add any extra frosting but I when I removed the cutters the edges of the stars were jagged, so I added the frosting. It was nice to just pipe over the shape, but you can just pipe them on over the blue and red ganache if you prefer.

Or you can simply cut stars out of white modeling chocolate and press them onto the top of the cake. See the video tutorial above the recipe to see this method.

4th of July Dessert - Red, White and Blue Tie-Dye Cake | HungryHappenings.com
rate the recipe

Print
4th of July Dessert - Red, White and Blue Tie-Dye Cake
Prep Time
1 hr 30 mins
Cook Time
55 mins
Total Time
2 hrs 25 mins
 
Stunning red, white and blue swirled cake topped with bright white frosting and drips of red and blue colored white chocolate ganache.
Course: Dessert
Cuisine: American
Keyword: 4th of july dessert, red white and blue, red white and blue cake
Servings: 12 slices
Author: Beth Jackson Klosterboer
Ingredients
Coconut Cake -
  • 1 Betty Crocker Super Moist White Cake Mix
  • 3 egg whites
  • 1/4 cup water
  • 1 1/3 cups coconut milk well shaken and stirred from a 14 ounce can, reserve rest for frosting
  • 1/2 cup sweetened coconut very finely chopped
  • red and blue gel food coloring
  • .
Creamy Coconut Frosting -
  • 10 ounces Wilton Coconut Candy Melts*
  • 2 2/3 cup powdered sugar
  • 1/2 cup (1 stick) butter, softened
  • remaining coconut milk (from the cake mix ingredients) - a little more than 1/3 cup
  • .
*Alternative Coconut Frosting (if you can't find Coconut Candy Melts)
  • 10 ounces White Candy Melts if you use a 12 ounce bag, remove 24 of the wafers
  • 2 2/3 cup powdered sugar
  • remaining coconut milk from 14 ounce can used for cake mix a little more than 1/3 cup
  • 1/2 cup (1 stick) butter, softened
  • 12 drops Wilton Toasted Coconut Flavoring or coconut extract
  • .
Red Ganache -
  • 2 ounces Wilton Red Candy Melts, finely chopped
  • 2 tablespoons heavy whipping cream
  • 2 teaspoons light corn syrup
  • .
Blue Ganache -
  • 2 ounces Wilton Blue Candy Melts finely chopped
  • 2 tablespoons heavy whipping cream
  • 2 teaspoons light corn syrup
White Stars
  • white frosting or white modeling chocolate candy clay
Instructions
Coconut Cake
  1. Preheat oven to 350 degrees F.
  2. Spray a long loaf pan with baking spray and line with parchment paper.

  3. Combine cake mix, egg whites, water, and coconut milk together in a mixing bowl.

  4. Beat on low speed using an electric mixer for 30 seconds.
  5. increase speed to medium and beat for 2 minutes.
  6. Stir int eh finely chopped coconut.
  7. Divide batter in half. One half will remain white.
  8. Divide the other half into half again and color one part red an the other blue.
  9. Pour batter into individual pastry bags.
  10. Pipe squiggles of batter, layering the colors red, white, blue, white, red, white, etc.
  11. Tap the pan on the counter a few times to remove air bubbles.
  12. Bake cake for 45-55 minutes until a toothpick inserted in the center comes out clean.
  13. Remove from oven and allow to cool in the pan for 10 minutes.
  14. Remove cake from pan and set on a cooling rack to cool completely.
  15. Carve off the domed top and sides of the cake.
Coconut Frosting
  1. Melt candy melts.
  2. Beat powdered sugar and butter together until fluffy.
  3. Add coconut milk, melted candy melts, and extract if using.
  4. Beat until smooth and creamy.
  5. Spread frosting over cake.
Red Ganache
  1. Heat the red candy melts, whipping cream, and corn syrup in a microwave safe bowl on high power for 30 seconds.
  2. Stir until melted.
Blue Ganache
  1. Repeat steps above to make blue ganache.
  2. Allow to cool slightly.
  3. Drip ganache over the edges and top of the cake alternating red and blue as you go around the cake.
White Stars
  1. Either pipe on white frosting stars or roll out and cut stars from white modeling chocolate (candy clay).

Did you make this recipe or do you just think it is really fun? Let me know by leaving a comment and rating the recipe below.

Beth Jackson Klosterboer blogger, recipe developer, and chocolatier.

I’d love to see pictures of your fun food creations. You can share in our How to Make Fun Food facebook group. It’s a great place to ask questions and learn from others.

If you love making chocolate be sure to check out my Chocolate Making Courses at The Sugar Academy.

Have a sweet day,

Beth

 

More 4th of July Recipes from Hungry Happenings

 

Sugar Coated Marshmallow Flags | HungryHappenings.com

Sugar Coated Marshmallow Flags

4th of July Desserts

Red, White and Blue Swirled Star Pops

4th of July Desserts

4th of July Fruit Pizza

4th of July Desserts

Uncle Sam Nutter Butters

4th of July Desserts

Patriotic Pops – Rice Krispies Treat Stars

4th of July Desserts

Red, White and Blue Fudge Stars

4th of July Food

Decorated Dip

4th of July Dessert

Star Spangled Gumdrops

4th of July Dessert

 Red, White and Blue No-bake Cheesecakes

 

If you’re looking for other 4th of July Recipes, click the link and explore all my other Independence Day inspired food.

 

About the Author, Beth Jackson Klosterboer

Beth is a professional chocolatier, recipe developer, event planner, and cookbook author who loves to make fun food.

Read More about Beth...

Previous Post: « Wedding Cake Cookies
Next Post: Add some fireworks to your brownies this 4th of July. »

Reader Interactions

Comments

  1. Behjat

    March 14, 2019 at 5:00 pm

    very beautiful thanks

    Reply
  2. Raylene

    April 29, 2016 at 11:34 pm

    Add me to your list, I love these cakes. I haven’t even tasted one yet but, I love the way they look. I’m going to make it on Memorial Day. If everyone likes it, I’m thinking about making it my “go to” cake recipe anytime the family get together. All I’ve got to do is, dream up two or three colors that match whatever is going on. Thanks for the great cake recipe.

    Reply
    • Beth

      April 30, 2016 at 10:58 am

      Thanks, I’m so glad you like this fun cake design idea. I hope you have fun making these for other holidays too.

      Reply
  3. Mary

    June 25, 2015 at 2:36 am

    Love these colors.

    Reply
  4. Sheena Anderson

    June 10, 2015 at 6:13 pm

    How fun is this cake!! I am not sure if I have the patience to make it. But I know my kids would love it if I did. Maybe I can get them all in the kitchen and we can make it.

    Reply
    • beth

      June 10, 2015 at 8:28 pm

      Thanks, Sheena. I do hope you and the kids give it a try. Have a fun 4th of July.

      Reply
  5. Tyy

    February 1, 2015 at 3:58 pm

    Hey ! your cakes are sooo beautiful. i was tryibg to see how you made the rainbow looking for dye cake with the 5 in it. i want to make a cake like that for my sons 2nd birthday.

    Reply
    • beth

      February 1, 2015 at 5:00 pm

      Hi masseylynn, you can find the tutorial for the #5 cake over on Tablespoon.com – http://www.tablespoon.com/recipes/rainbow-tie-dye-surprise-cake/15086094-ad54-4d4f-82b3-68bffd7a0c9a/

      Reply
  6. beth

    January 6, 2015 at 2:24 pm

    Thanks, that's what I was hoping for.

    Reply
  7. masseylynn

    November 26, 2014 at 7:01 am

    Hey Beth…. please could u show us how u made the cake with the 5 in the center…. would really appreciate it.

    Reply
    • beth

      November 26, 2014 at 7:35 pm

      Hi masseylynn, you can find the tutorial for the #5 cake over on Tablespoon.com – http://www.tablespoon.com/recipes/rainbow-tie-dye-surprise-cake/15086094-ad54-4d4f-82b3-68bffd7a0c9a/

      Reply
  8. 1CardCreator

    July 19, 2014 at 2:29 pm

    Found you on Pinterest Beth, your cakes are totally amazing! ~Diane

    Reply
    • beth

      July 19, 2014 at 9:09 pm

      Thanks Diane. I'm happy you stopped by.

      Reply
  9. Carlie Deutschman

    June 21, 2014 at 11:46 pm

    I just love this and I included them in my 4th of July Party Idea Roundup!http://thatmommykindoflife.com/?p=49

    Reply
    • beth

      June 22, 2014 at 1:32 am

      Thanks so much for featuring this cake in your roundup. I do appreciate it!

      Reply
  10. beth

    June 17, 2014 at 4:53 pm

    Thanks for the invite. I just signed up:)

    Reply
  11. dina

    June 13, 2014 at 3:21 pm

    so cute and festive!

    Reply
  12. An Almost Unschooling Mom

    June 13, 2014 at 12:49 pm

    I just looks wonderful. My girls are absolutely going to want to try making one.

    Reply
    • beth

      January 6, 2015 at 2:23 pm

      Thanks, I hope you enjoy the cake!

      Reply
  13. Karen @ Sugartown Sweets

    June 13, 2014 at 12:39 pm

    Hello Hungry Happenings!! I know I always say this..but your treats are always amazing! All of your tie-dye cakes are really cool, but I also like the red/white/blue colors best. I've made a few coconut treats for my blog and the coconut flavor usually wins over the real coconut. (i ate an entire tupperware cupful of coconut as a kid and can barely tolerate it now..except for Mounds)

    Plus, the "progressive photos" feature you put together is awesome! Happy 4th!

    Reply
    • beth

      January 6, 2015 at 2:22 pm

      Thanks, Karen. I love the flavor of coconut, but hate chewing it. It's gritty and sticks in my teeth. This cake has all that wonderful coconut flavor without the textural issues. I love it.

      Reply
  14. Holly

    June 13, 2014 at 10:40 am

    Hi Beth – I love that you failed the first time around. Ok let me back up… as an average baker at best, it's sometimes intimidating to go to a food blogger's professional blog and think… wow I could never do that. But then to see that you are normal too… WOW. THANK YOU!!! That was supposed to be a huge compliment!!! Anyhoo… I love love love both the tie dye and the patriotic cakes. I think I may even be able to follow your directions. Thanks so much and happy day! Hugs, Holly

    Reply
    • beth

      June 13, 2014 at 11:22 am

      Hi Holly, having one flop is nothing compared to what I went through this week. I had an assignment to make a cake for Tablespoon, spent 4 day, went through 12 cake mixes, had cake batter ooze all over my oven, had two mixes go straight into the trash after mistakenly adding egg yolks, then when I was about to give up hope it worked and I finally got an amazing cake done! Some things go smoothly and other times you just have disaster after disaster.

      It happens to everyone. I hope I give you the courage to try something new and fun in the kitchen. The best thing about all my flops is there was a lot of cake to give to family and friends. The reject cakes may not have looked like I needed them too, but they tasted good and everyone enjoyed them. So, don't be afraid to try something. It's only food:)

      Reply
  15. jody cowan

    June 12, 2014 at 2:42 am

    I love these cakes! I want to make the one for July 4th this year. I just hope I can! lol Glad I found you on What's Cookin' Wednesday!

    Reply
    • beth

      January 6, 2015 at 2:24 pm

      Thanks, Jody. I'm happy you stopped by. I do hope you get a chance to make this cake. I'm sure you'll love it.

      Reply
  16. Kat Jeter

    June 12, 2014 at 12:31 am

    Every time you make one of these cakes I'm in awe all over again. They are all beautiful and this is no exception. Thanks for sharing!

    Reply
    • beth

      January 6, 2015 at 2:26 pm

      Thank, Kat. I look forward to making more of these cakes.

      Reply
  17. Blair Lonergan

    June 11, 2014 at 11:07 pm

    Hi, Beth! This is AWESOME! Love it…what a perfect way to celebrate the holiday!

    Reply
    • beth

      January 6, 2015 at 2:26 pm

      Thank you, Blair. It is a really fun cake for the 4th of July or any other patriotic event.

      Reply
  18. The Partiologist

    June 11, 2014 at 2:06 pm

    I am in love with all your tie dye cakes and wish I could have a big slice NOW! I love coconut and have the coconut candy melts, I might just have to use in frosting!

    Reply
    • beth

      June 11, 2014 at 6:51 pm

      Run to your kitchen right now and make that frosting. Don't even worry if you don't have a cake to put it on, just grab a big spoon:)

      Reply
  19. June

    June 11, 2014 at 1:21 pm

    That looks amazing! So colorful and patriotic. 🙂

    Reply
    • beth

      January 6, 2015 at 2:25 pm

      Thanks, June.

      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

WELCOME!

See all recipe categories

The Sugar Academy Chocolate Making Courses

Footer

Popular Kid Friendly Recipes

Cookie Monster Rice Krispie Treats with candy eyes, Tootsie Roll mouths, and mini Nutter Butter Cookies
Halloween Mickey Mouse Oreo Cookies decorated using candy clay are fun to make for your Halloween parties.
Turn Reese's Cups into sweet little otters then use them to create some adorable Sea Otter Cupcakes. These treat will be perfect for you Finding Dory Party.
Mickey Mouse Galaxy Cookies - chocolate cookies topped with chocolate ganache and galaxy sprinkles.
Decorate this cute Olaf Mickey Cake for your Disney Frozen party. It's easy to create using a simple cake decorating technique.
This Winter Wonderland White Chocolate Popcorn speckled with candy snowflakes and blue sprinkles would make a great treat for a Frozen party, a nice gift for Christmas, or a wintertime snack.

Hungry Happenings is a participant in the Amazon Services LLC Associates Program and occasionally writes sponsored posts which will be disclosed within the post. We value your privacy. Please read our Privacy Policy, Disclosure, and Terms of Service.

Copyright © 2023 Hungry Happenings