clock clock iconcutlery cutlery iconflag flag iconfolder folder iconinstagram instagram iconpinterest pinterest iconfacebook facebook iconprint print iconsquares squares iconheart heart iconheart solid heart solid icon
Chocolate cupcake with chocolate frosting on a wire cooling rack.

Chocolate Cupcakes (With Coconut Oil - No Butter!)

  • Author: Jessie
  • Prep Time: 30 min
  • Cook Time: 20 min
  • Total Time: 50 minutes
  • Yield: 16-20 cupcakes 1x
  • Category: Dessert
  • Cuisine: American


These easy, butterless chocolate cupcakes are made with coconut oil and topped with a delicious chocolate frosting.





  • 2/3 cup liquid coconut oil (see recipe notes)
  • 2 cups sugar
  • 2 eggs
  • 1/2 teaspoon kosher salt
  • 2 1/4 cups flour (measured correctly by scooping and leveling)
  • 3/4 cup cocoa powder
  • 2 Tablespoons apple cider vinegar
  • 1 cup milk
  • 2 teaspoons baking soda
  • 2 teaspoons vanilla extract
  • 1 cup hot water (between 175-200 degrees Fahrenheit - see recipe notes)



  • 3 1/2 cups powdered sugar
  • 3/4 cup cocoa powder
  • 1/2 cup liquid coconut oil (see recipe notes)
  • pinch of salt
  • 1/3 cup hot water (between 175-200 degrees F; you may not need it all)




  1. Heat the oven to 375 degrees Fahrenheit.
  2. Line a standard muffin pan with cupcake liners.
  3. In a large bowl (or in the bowl of a stand mixer fitted with the whisk or paddle attachment), stir together liquid coconut oil, sugar, and eggs.
  4. Add salt, flour, and cocoa powder to egg mixture and stir to combine. The batter should be very thick and even slightly crumbly here.
  5. In a separate bowl or measuring cup, stir together milk, baking soda, and apple cider vinegar. The mixture will start to foam and increase in volume as the baking soda reacts with the vinegar, so plan to work quickly here!
  6. Add the milk mixture to the batter a bit at a time, stirring frequently to work out any lumps.
  7. Add vanilla extract to batter and stir to combine.
  8. Add hot water to batter a little at a time, stirring frequently between each addition to work out any lumps. If you’re mixing the batter by hand, I recommend switching to a whisk here to help work the lumps out more easily. If you’re using a stand mixer, scrape down the sides of the bowl in between each hot water addition to make sure you work out all the lumps. Note: This batter is VERY thin - don’t worry if it looks a lot runnier than other cake recipes!
  9. Pour or scoop the cupcake batter into your liners, filling each liner about 2/3 of the way full.
  10. Bake at 375 degrees Fahrenheit for 14-18 minutes, until a cake tester or toothpick inserted into the center of a cupcake comes out clean.
  11. Remove cooked cupcakes to a wire rack and let them cool completely before frosting, usually at least 30 minutes.



  1. In a large bowl, mix liquid coconut oil, cocoa powder, and powdered sugar together with a pinch of salt. The coconut oil will clump up a bit and form a crumbly mixture - this is what we want!
  2. Add hot water to powdered sugar mixture a Tablespoon at a time, stirring well between each addition. The frosting will slowly start to come together, and will look almost like a thick pudding or fudge.
  3. When you’ve reached your desired frosting consistency, use the back of a spoon or a small knife to frost each cupcake. I like to place a dollop of frosting on the cupcake and then use the back of a spoon to swirl it in a circle (see photos in the post above!) This frosting will begin to seize up as the coconut oil cools, so plan to work quickly. If the frosting becomes too hard to spread easily, add an extra splash of hot water or zap it for five seconds in the microwave to bring it back to a spreadable consistency.
  4. Top cupcakes with sprinkles or serve as-is! Serve immediately or let the frosting cool on the counter for an hour or more - as it cools, the frosting becomes thicker and fudge-like.
  5. Store cupcakes in an airtight container on the counter for 3-4 days.


How to melt coconut oil into its liquid form: Coconut oil is generally solid at room temperature, but we want to melt it into a liquid form for this recipe in order to incorporate it more easily into our chocolate cupcake batter. (We've used virgin unrefined coconut oils from 365/Whole Foods, Nutiva, and Carrington Farms and like them all). To melt coconut oil, scoop about 1 cup of coconut oil (in its solid, room-temperature form) into a microwave-safe glass measuring cup, and then microwave for 30-40 seconds until it’s melted down. Give the coconut oil a stir and then check the measurement - you may need to add another spoonful of room temperature coconut oil to bring the liquid up to the correct amount. Melt too much oil? Pour any excess right back into the container. Equipment: We use this measuring cup in the post photos and this one in the video!

Why the hot water? Adding hot water to the batter ensures all ingredients are mixed evenly, helps any clumps release and lets sugar dissolve as much as possible before baking. I find it also enhances the flavor of the cocoa (sometimes called “blooming”). Hot water also helps any colder ingredients come down in temperature, and helps the cupcakes retain moisture as they bake. You can substitute hot coffee for the hot water if you like. Some recipes call for the hot water in a cake recipe to be boiling, but I’ve found that as long as it’s quite hot (175 degrees F or so) it’ll do the trick just fine, and it’s easier to just heat some water in my electric tea kettle than it is to boil a whole pot of water.

Substitutions: The coconut flavor in these cupcakes isn’t overwhelming, but it definitely isn't invisible. If you don’t like the taste of coconut, you can substitute vegetable oil, canola oil, or melted butter for the coconut oil in the cupcake batter. You can substitute melted butter for the coconut oil in the frosting if you prefer.

The chocolate fudge frosting in this recipe will start to seize up as the coconut oil cools, so work quickly to frost your cupcakes. The frosting will be quite thick and will resemble warm fudge - it won’t look or feel like the traditional buttercream or whipped frostings we’re often used to. If the frosting is too thin (this often happens when too much hot water is added) add extra powdered sugar or let it cool on the counter for a few minutes to thicken it up. If frosting is too thick, stir in an extra splash of hot water or zap it in the microwave in 5-second intervals to loosen it. I love that this frosting develops a rich, fudge-like texture as it cools (it’s one of my most-requested frostings from friends and family!) but you could also absolutely use a more traditional buttercream here if you prefer.

If you use silicone cupcake liners: When our testers used silicone cupcake liners (like these!) we found that we needed to extend the bake time by 2-3 minutes. If you’re using mini silicone liners, you can bake as directed.

Keywords: frosting, coconut oil, easy