Go Back
+ servings
Print

Basketball Cookie Cake

This soft & chewy basketball cookie cake is less than $10 to make at home and can be made in under 1 hour! Perfect for a basketball-themed birthday cake or March Madness treat!
Course Dessert
Cuisine Cookie
Prep Time 10 minutes
Cook Time 12 minutes
Total Time 22 minutes
Servings 12 slices
Calories 436kcal

Ingredients

Cookie Cake

  • ½ cup unsalted butter (1 stick) You will be melting this
  • ½ cup light brown sugar
  • ¼ cup granulated sugar
  • 1 large egg
  • 1 ½ teaspoons vanilla extract
  • ½ teaspoon baking soda
  • ¼ teaspoon baking powder
  • ¼ teaspoon salt
  • 1 ½ cups all-purpose flour
  • 1 cup semi-sweet chocolate chips (You'll be chopping ½ cup and adding the remaining ½ cup whole).

Orange Frosting

  • ½ cup unsalted butter softened to room temperature
  • 1 ½ cups powdered sugar
  • 1 ½ teaspoons vanilla extract
  • Pinch of Salt
  • 2-4 tablespoons milk
  • 10 drops Wilton Orange Food Coloring

Decorating

  • ½ cup chocolate chips

Instructions

  • Preheat oven to 350°F.
  • Chop ½ cup of the chocolate chips. The goal here is to have a mixture of tiny chocolate flakes throughout the dough, while still have the whole chunks in there for texture. Set aside.
  • In a small microwave-safe bowl, melt the unsalted butter (½ cup, i.e. 1 stick) for 20-30 seconds until JUST melted. 
  • Add in granulated sugar (¼ cup) and light brown sugar (½ cup) and use a spatula to stir until combined (*do not use a mixer!). Add in egg (1 large) and vanilla extract (1 ½ teaspoons), then mix. Next, add in baking soda (½ teaspoon), baking powder (¼ teaspoon), and salt (¼ teaspoon) and mix again. Add in all-purpose flour (1 ½ cups) and mix until all the flour disappears into the dough.
  • Add the ½ cup of chopped chocolate chips and ½ cup of whole chocolate chips into the dough and mix.  Immediately proceed to pressing into pan (you don't want the dough sitting out or it will set too much with the melted butter).
  • Grease a 11.5" metal cookie cake pan (don't have one? See notes below.) Although this cookie removes cleanly, if you are worried about it sticking, line the bottom and sides of the pan with parchment paper first. Using a spoon or your clean hands, drop the dough into small chunks in the pan. This will help disperse everything so that you can easily smooth it out. Once all dough as been added, use a spatula or your hands to press down the dough into a smooth layer (being sure to get all the corners).
    Tip: If you notice 2-3 chocolate chips are stuck together, separate them before baking. This will allow the chocolate to be evenly dispersed and prevent the cookie from having a giant clump of chocolate in one spot (which could cause it to more easily break while cutting).
  • Bake at 350°F degrees for 12-14 minutes - do NOT overbake or your chocolate chip cookie cake will not be soft. You want the cookie cake to be slightly brown on the top and look slightly underbaked (my oven was perfect at 12 minutes). Remove from oven and place entire pan on a cooling rack. Allow the cookie cake to cool completely before removing.
    Tip: To remove from pan, use a knife to go around the edges, place a flat platter on top, then flip over the pan to remove. If you used parchment paper, this should come out rather smoothly. After flipping over the cookie cake, flip it over again on the final decorate plate or platter (I LOVE these cute paper trays and the largest one in the pack is perfect for a 10" cookie cake).
  • Once the cookie cake has cooled, spread the orange frosting (instructions below) over the top.
  • Using a rimmed plate or mixing bowl, create 2 half circles representing the grooves of the basketball. Use the skewer to create lines through your cookie cake, one from top to bottom and another from left to right.
  • Follow the guides created with the bowl and skewer and add chocolate chips upside down to complete this basketball cookie cake recipe.

To Make Frosting:

  • Beat the softened unsalted butter (½ cup, i.e. 1 stick) on medium-high speed for 2 minutes until smooth. Turn the mixer to low speed then add the powdered sugar ¼ cup at a time (1 ½ cups total). You may need to stop and scrape down sides. Add vanilla extract (1 ½ teaspoons) and a pinch of salt and turn the mixer to medium speed. One tablespoon at a time, add milk (2-4 tablespoons total). Then, add 10 drops of Wilton Orange Food Coloring, and combine. Beat on high for 2-3 minutes until creamy and the frosting is at a good consistency to pipe. If it looks too runny, add more powdered sugar. If it looks too stiff, add a tiny bit of milk until you get to the desired consistency.
    This will make just enough frosting to cover the top of the cookie cake or 1 ¾ cups frosting.

Notes

Don't have a round 11.5" pan? You can bake in a 9x13 pan (they'll be a little thinner) OR Create a DIY cookie cake pan.
Frosting Tip: This homemade buttercream will start developing a crust, which makes it a great frosting to make a day ahead. Because of the sugar content, you don't need to refrigerate the frosted cookie cake if you plan to enjoy it within 1 day. If you are making ahead earlier, I'd suggest waiting to frost until day of OR gently wrap the frosted cookie after the frosting sets and place in the fridge.
Freezing/Make Ahead Tip: I don't typically like freezing chocolate chip cookies because I feel like they get dry and not as chewy in the freezer. If you do need to make this in advance, you could wrap the baked, unfrosted cookie in plastic wrap and when you're ready to eat it, let it thaw to room temperature then frost.
Can I double this recipe? You can, but you still want to make sure the dough is only ½" thick once spread in the pan (so you would need a larger pan than 10"). Note that thicker dough will require longer baking times and won't be as much like the traditional, chewy cookie cake recipe you may be used to. If you want a larger cookie cake, try my Sheet Pan Cookie Cake (you could do a circle in the middle for the basketball).
Gluten-Free: For those asking, I turned this popular recipe into the best Chewy Gluten-Free Cookie Cake!
Nutrition information is just an estimate but based on 12 servings.
 

Nutrition

Calories: 436kcal | Carbohydrates: 53g | Protein: 4g | Fat: 23g | Saturated Fat: 14g | Polyunsaturated Fat: 1g | Monounsaturated Fat: 6g | Trans Fat: 1g | Cholesterol: 57mg | Sodium: 112mg | Potassium: 138mg | Fiber: 2g | Sugar: 38g | Vitamin A: 521IU | Vitamin C: 1mg | Calcium: 42mg | Iron: 2mg