Red White and Blue Hot Chocolate

Sharing is caring!

Red White and Blue Hot Chocolate (With White Chocolate Layer Disks)

Serve this festive layered hot chocolate topped with Cool Whip, whipped cream, mini marshmallows, or patriotic sprinkles for the ultimate holiday drink.

 IMG_1291-576x1024 Red White and Blue Hot Chocolate

This red white and blue hot chocolate is creamy, colorful, and one of the most fun holiday drinks you can make. After testing different layering methods, I discovered the secret to keeping the layers beautifully separated — homemade white chocolate “disks” placed between each layer.

 IMG_1305-576x1024 Red White and Blue Hot Chocolate

The white chocolate barrier helps support the layers and keeps the colors from blending together too quickly. Not only does it work beautifully, but it also adds extra creamy white chocolate flavor to the drink.

 IMG_1306-576x1024 Red White and Blue Hot Chocolate

The result is a stunning layered patriotic hot chocolate that looks incredible in clear mugs and feels perfect for the 4th of July, Memorial Day, Labor Day, parties, movie nights, or festive winter holidays.

 IMG_1316-576x1024 Red White and Blue Hot Chocolate

Why You’ll Love This Recipe

  • Gorgeous layered presentation
  • Rich creamy white chocolate flavor
  • Fun patriotic holiday drink
  • Secret layer trick actually works
  • Easy customizable colors
  • Perfect for parties and holidays
 IMG_1299-576x1024 Red White and Blue Hot Chocolate

Ingredients

White Chocolate Hot Cocoa

  • 3 cups whole milk
  • 1 cup white chocolate chips or chopped white chocolate
  • 2 tablespoons sugar
  • 1 teaspoon vanilla extract
  • Pinch of salt
  • Blue food coloring
  • Red food coloring

White Chocolate Layer Disks

  • 1 1/2 cups melted white chocolate

Toppings

  • Cool Whip or whipped cream
  • Patriotic sprinkles
  • Mini marshmallows
 IMG_1308-576x1024 Red White and Blue Hot Chocolate

Special Layer Trick

The key to keeping the layers separated is making white chocolate “disks” that fit inside the mug.

You simply spread melted white chocolate into circles on parchment paper about the same size as the inside circumference of your mug.

 IMG_1279-576x1024 Red White and Blue Hot Chocolate

Once hardened, these white chocolate disks are gently placed between the layers before pouring the next color on top.

This creates a beautiful layered effect while adding even more creamy white chocolate flavor.

 IMG_1273-576x1024 Red White and Blue Hot Chocolate

Instructions

1. Make the White Chocolate Disks

Line a tray or baking sheet with parchment paper.

Melt white chocolate until smooth.

Spoon melted white chocolate onto the parchment paper in circles slightly smaller than the inside of your mug.

Spread gently into flat disks.

Place in refrigerator or freezer until hardened.

2. Make the Hot Chocolate Base

In a saucepan over medium heat combine:

  • milk
  • white chocolate
  • sugar
  • vanilla
  • pinch of salt

Whisk until smooth and creamy.

Do not boil.

3. Divide & Color

Divide hot chocolate into 3 bowls.

Leave one bowl white.

Tint one bowl blue and one bowl red using food coloring.

 IMG_1275-576x1024 Red White and Blue Hot Chocolate

4. Build the Layers

Pour the blue layer into the bottom of clear mugs.

Carefully place one white chocolate disk on top of the blue layer.

Slowly pour the white layer over the disk.

Add another white chocolate disk.

Slowly pour the red layer on top.

5. Top & Serve

Top with Cool Whip or whipped cream.

Add patriotic sprinkles or mini marshmallows.

Serve warm.

Recipe Details

  • Prep Time: 20 minutes
  • Cook Time: 5 minutes
  • Total Time: 25 minutes
  • Servings: 3 large mugs or 4 smaller mugs
 IMG_1276-576x1024 Red White and Blue Hot Chocolate

Tips for Perfect Layers

Use Clear Glass Mugs

The layered colors show beautifully in glass mugs.

Cool the Chocolate Disks Fully

Fully hardened disks hold the layers better.

Pour Slowly

Slow pouring helps prevent the layers from breaking.

Use Whole Milk

Whole milk creates richer, creamier cocoa.

 IMG_1281-576x1024 Red White and Blue Hot Chocolate

Jennie’s Thoughts

I honestly love that this recipe turned into a little experiment because once I figured out the white chocolate disk trick, it completely changed the layering.

Without the disks, the layers slowly melted together, but the white chocolate barriers helped keep everything separated much longer while also making the drink even creamier and richer.

And honestly? Even the “in process” photos looked beautiful because the colors are just so fun and vibrant in clear mugs.

 IMG_1303-576x1024 Red White and Blue Hot Chocolate

What to Serve with Layered Hot Chocolate

  • Sugar cookies
  • Brownies
  • Cheesecake bites
  • Rice Krispy treats
  • Chocolate covered pretzels
  • Holiday desserts
 IMG_1320-576x1024 Red White and Blue Hot Chocolate

Storage

  • Best served fresh and warm
  • Reheat gently if needed
  • White chocolate disks can be made ahead of time

This red white and blue hot chocolate is creamy, festive, colorful, and absolutely perfect for patriotic celebrations. With the white chocolate disk layering trick, the colors stay beautifully separated while adding extra creamy white chocolate flavor to every sip.

Similar Posts