Skip to Content

Red White and Blue Chocolate Chip Cookies

These red white and blue chocolate chip cookies are so festive and fun for July 4th and Memorial Day! They are soft and chewy, full of chocolate chips. Gorgeous red, white, and blue chocolate flowers make them perfectly patriotic.

For more red, white, and blue desserts, try our patriotic cheesecake bars, parfait cups, and July 4th cupcakes!

close-up of red white and blue chocolate chip cookies.

4th of July chocolate chip cookies

Cookies are definitely my go-to treat for any holiday. They are simple to make, easy to transport, and always a hit with family and guests.

This time around, I decided to give a classic chocolate chip a festive makeover and add red, white, and blue chocolate flowers for a patriotic look.

The cookies are wonderfully soft and chewy with crispy edges. And they get even better the second day, perfect for making ahead of time and bringing them to a party!

For an easy version with cake mix, try these patriotic chocolate chip cake mix cookies!

4th of July chocolate chip cookies and chocolate flowers on white parchment paper.

Chocolate flowers

Before we get to the cookies, we want to create a bunch of red, white, and blue chocolate flowers. Making the chocolate flowers takes a bit of time, but there’s nothing fancy about the rest of the recipe, I promise. And for your efforts, you’ll be rewarded with the prettiest 4th of July cookies ever!

chocolate flower supplies.

Supplies

  • 1/3 cup of each red, white, and blue candy melts – I used white, royal blue, and red candy melts. Candy melts contain stabilizers that hold up better when you push them into the hot cookies. Regular chocolate tends to melt more, and you’d lose the flower shapes.
  • silicone flower mold – This mold is made from a sturdy silicone that is still flexible enough to easily release the flowers. The flowers are very detailed and half the perfect size for our cookies. Of course, you can use any flower mold you want. Ideally, the flowers should be 1/2 inch in size.
  • disposable piping bags – to pipe the melted chocolate into the mold.
step 1 melt candy melts.

1. Melt the candy melts

Melt each color of candy melts separately in a double boiler on the stove or in a microwave-safe bowl in the microwave according to the package instructions. Do not add any shortening. I recommend working with just one color at a time.

step 3 pipe chocolate into mold.

2. Fill mold

Place the silicone mold on a small board to make it easier to transport. Transfer the liquid candy melts into a piping bag. Pipe the candy melts into each cavity of the mold.

Tip: I like to place the piping bag into a tall glass and fold the top of the bag down around the sides of the glass so it’s easier to fill.

step 4 freeze chocolate flowers.

3. Freeze

Move the mold into the freezer. The chocolate flowers should be frozen solid after 5 to 10 minutes.

step 5 unmold chocolate flowers.

4. Release

Remove the mold from the freezer and gently unmold the chocolate flowers.

5. Chill

Put the chocolate flowers into a small container and place them in the fridge. The flowers are added to the cookies right after baking. We want the chocolate nice and cold so the flowers don’t melt in the hot cookies.

How many flowers do I need?

My recipe yields 24 cookies, so you need 24 flowers of each color (72 chocolate flowers in total). I like to prepare a few more just in case.

patriotic chocolate chip cookie ingredients.

Ingredients

Once you have your chocolate flowers, it’s time to bake these gorgeous red white and blue chocolate chip cookies! You’ll need a couple of basic baking ingredients:

  • 1/2 cup salted butter – Let the butter soften for about 20 minutes before starting. If using unsalted butter, add a pinch of salt to the dough.
  • 1/2 cup granulated sugar – creates those crispy edges.
  • 1/2 cup light brown sugar – Pack the brown sugar tightly into your measuring cup to get the right amount.
  • 1 teaspoon vanilla extract – adds depth of flavor to the cookies.
  • 1 large egg – Like the butter, let the egg sit on the counter for a bit to come to room temperature.
  • 1 1/4 cups all-purpose flour – It’s important to measure the flour accurately. Too much flour will give you dry, dense cookies. Either weigh the flour with a digital kitchen scale or use the spoon-and-level method.
  • 1/2 teaspoon baking soda – Baking soda and baking powder lend the perfect chewy texture to these cookies.
  • 1/4 teaspoon baking powder
  • 1 cup semisweet chocolate chips – Feel free to swap in milk, white, or bittersweet chocolate chips if you’re feeling like a little something different.
  • 72 chocolate flowers – 24 of each color.

Instructions

1. Prepare for baking

Preheat your oven to 350°F / 180°C / gas mark 4. Line cookie sheets with parchment paper. Line a small baking sheet with parchment. We need this sheet to freeze the cookies after baking (more on this later). Set aside.

step 2 combine dry ingredients.

2. Combine dry ingredients

Whisk together the flour, baking soda, and baking powder in a medium bowl. Set aside.

step 3 cream butter and sugar.

3. Cream butter and sugars

In a large mixing bowl, beat the softened butter, brown sugar, and granulated sugar with an electric mixer (medium speed) until light and fluffy, about 2 minutes.

step 4 combine egg and vanilla.

4. Incorporate egg and vanilla

Mix in the egg and vanilla. Scrape down the sides of the bowl.

step 5 add dry ingredients.

5. Add dry ingredients

Mix in the flour mixture until just combined. Be careful not to overmix the cookie dough.

step 6 fold in chocolate chips.

6. Fold in chocolate chips

Add the chocolate chips and stir until they are evenly distributed throughout the dough.

step 7 drop cookies.

7. Drop cookies

Using a small cookie scoop (2 tablespoons size), drop dough balls onto the prepared baking sheets. Space the dough balls 2 inches / 5 cm apart.

step 8 bake cookies.

8. Bake

Bake the cookies for 8 to 10 minutes. Take the cookies out when they are just starting to turn brown.

step 9 add chocolate flowers.

9. Add chocolate flowers

While the cookies are still on the baking sheet, press 3 chocolate flowers into the top of each cookie. The cookies need to be hot and soft when you add the flowers. So work quickly and please be careful not to burn yourself.

step 10 freeze cookies.

10. Freeze cookies

Once you have added the flowers, use a spatula to transfer the cookies immediately to the small cookie sheet and place them into the freezer. Freezing cools the cookies quickly and protects the chocolate flowers from melting. Freeze the cookies for 5 minutes, then transfer them to a cooling rack to continue cooling.

11. Serve

The cookies are ready for eating and storage once the chocolate flowers have set. Enjoy!

Storage Tips

  • Store: Once the cookies have cooled to room temperature, put them in an airtight container. They will last for up to 5 days at room temperature. Keep the container away from heat sources and direct sunlight to prevent the chocolate flowers from melting.
  • Freeze: For longer storage, place the cookies in a freezer-safe container or bag and freeze them for up to 3 months. When ready to eat, thaw the cookies on the counter for a few hours before serving.
red white and blue chocolate chip cookies.

Patriotic Chocolate Chip Cookies

Yield: 24 cookies
Prep Time: 1 hour
Cook Time: 10 minutes
Total Time: 1 hour 10 minutes

These red white and blue chocolate chip cookies are so festive and fun for July 4th and Memorial Day! They are soft and chewy, full of chocolate chips. Gorgeous red, white, and blue chocolate flowers make them perfectly patriotic.

Ingredients

Chocolate Flowers

Cookies

  • 1 1/4 cups / 150 g / 5.3 oz all-purpose flour
  • 1/2 tsp baking soda
  • 1/4 tsp baking powder
  • 1/2 cup / 1 stick / 115 g / 4 oz salted butter softened
  • 1/2 cup / 100 g / 3.5 oz granulated sugar
  • 1/2 cup / 100 g / 3.5 oz light brown sugar packed
  • 1 large egg
  • 1 tsp pure vanilla extract
  • 1 cup / 200 g / 7 oz chocolate chips
  • 72 chocolate flowers (24 of each color)

Instructions

Create Chocolate Flowers

  1. Melt the candy melts. Melt each color of candy melts separately in a double boiler on the stove or in a microwave safe bowl in the microwave according to the package instructions. Do not add any shortening. I recommend working with just one color at a time.
  2. Fill mold. Place the silicone mold on a small board to make it easier to transport. Transfer the liquid candy melts into a piping bag. Pipe the candy melts into each cavity of the mold. I like to place the piping bag into a tall glass and fold the top of the bag down around the sides of the glass so it’s easier to fill.
  1. Freeze. Move the mold into the freezer. The chocolate flowers should be frozen solid after 5 to 10 minutes.
  2. Release. Remove the mold from the freezer and gently unmold the chocolate flowers.
  3. Chill. Put the chocolate flowers into a small container and place them in the fridge. The flowers are added to the cookies right after baking. We want the chocolate nice and cold so the flowers don’t melt in the hot cookies.
  4. How many flowers do I need? My recipe yields 24 cookies, so you need 24 flowers of each color (72 chocolate flowers in total). I like to prepare a few more just in case.


Bake The Cookies

  1. Prepare for baking. Preheat your oven to 350°F / 180°C / gas mark 4. Line cookie sheets with parchment paper. Line a small baking sheet with parchment. We need this sheet to freeze the cookies after baking (more on this later). Set aside.
  2. Combine dry ingredients. Whisk together the flour, baking soda, and baking powder in a medium bowl. Set aside.
  3. Cream butter and sugars. In a large mixing bowl, beat the softened butter, brown sugar, and granulated sugar with an electric mixer (medium speed) until light and fluffy, about 2minutes.
  4. Incorporate egg and vanilla. Mix in the egg and vanilla. Scrape down the sides of the bowl.
  5. Add dry ingredients. Mix in the flour mixture until just combined. Be careful not to overmix the cookie dough.
  6. Fold in chocolate chips. Add the chocolate chips and stir until they are evenly distributed throughout the dough.
  7. Drop cookies. Using a small cookie scoop (2 tablespoons size), drop dough balls onto the prepared baking sheets. Space the dough balls 2 inches / 5 cm apart.
  8. Bake. Bake the cookies for 8 to 10minutes. Take the cookies out when they are just starting to turn brown.
  9. Add chocolate flowers. While the cookies are still on the baking sheet, press 3 chocolate flowers into the top of each cookie. The cookies need to be hot and soft when you add the flowers. So work quickly and please be careful not to burn yourself.
  10. Freeze cookies. Once you have added the flowers, use a spatula to transfer the cookies immediately to the small cookie sheet and place them into the freezer. Freezing cools the cookies quickly and protects the chocolate flowers from melting. Freeze the cookies for 5 minutes, then transfer them to a cooling rack to continue cooling.
  11. Serve. The cookies are ready for eating and storage once the chocolate flowers have set. Enjoy!
Nutrition Information:
Yield: 24 Serving Size: 1
Amount Per Serving: Calories: 178Total Fat: 7gSaturated Fat: 4gTrans Fat: 0gUnsaturated Fat: 2gCholesterol: 26mgSodium: 74mgCarbohydrates: 29gFiber: 1gSugar: 21gProtein: 2g

As Seen On

brand logos
brand logos
brand logos
Skip to Recipe