[Don’t forget – you have until midnight tonight to enter the cookbook giveaway!]

Mocha Coconut Frappuccino Cupcakes I howsweeteats.com

You people are smart little buggers.

After I shared those homemade mocha coconut iced coffees, a few of you suggested on Facebook that I follow it up with a cupcake. As in… immediately.


Thank you my wise, wise friends. I love you and your smart brains! This was the very first thing I did after I arrived home from vacation… I’ve got my priorities straight. [This was the how I frost my cupcakes tutorial too!]

Mocha Coconut Frappuccino Cupcakes I howsweeteats.com

Know how much I love these cupcakes? THIS MUCH! I wish I could find 42 new ways to eat cupcakes. I want to juggle them and encase them in stone and stuff. I want to eat a cupcake salad and make a cupcake pizza with just these cupcakes alone. And I’m going to go overdose on mocha coconut coffees as soon as I’m done writing this for you.

And I don’t even care about this mocha drizzle that’s hanging out all over my blue placemat. OCD what?

Mocha Coconut Frappuccino Cupcakes I howsweeteats.com

Um, wait. I have to tell you something: I am actually not OCD at all. Even if I wanted to be, I couldn’t. Possibly because I live with the CRAZIEST MAN EVER. I actually fear what would happen if we were both insanely weird about stuff.


Our current issue is that all of the light switches in the house must be flicked in the same direction.

All of them.



The best part is that I intentionally flip the light switches in opposite directions just to screw with Mr. How Sweet. It’s pretty freaking funny if I do say so myself. Sometimes I purposely go up to bed after he does just so I can turn the light switches in a million different directions.


I found this extremely hilarious until yesterday morning… when someone refused to flip on the light switch at the top of the stairs at 5AM because it would mean that one switch would be flicked up while the rest are flicked down… and thus ended up flying down the stairs in a giant heap.*

Mocha Coconut Frappuccino Cupcakes I howsweeteats.com

You know sometimes when someone falls… and it’s really funny… but it shouldn’t be funny at all… and you can’t stop laughing hysterically even though the person is laying on the ground? Yeah. That might have been me. Actually… it’s me right now. Because I can’t stop laughing thinking about my husband lying in the middle of the staircase at the crack of dawn. I’m a horrific wife.


Maybe I should tell you that he tripped on a bag of toiletries that just happened to be hanging out on the stairs? You know… deodorant, cream rinse, 3 bottles of Essie, sunscreen spray, perfume… all left over from vacation… that I got back from last week. It was just soooooo annoying to have to carry that stuff up the stairs. And uhh… I had more important things to do. Like bake these cupcakes. Plus, he wouldn’t have even tripped had he TURNED ON THE LIGHT.

This sort of reminds me of the time when I left a cast iron skillet at the bottom of the stairs a week after we got married. Very similar: 5AM, lots of screaming, no light turned on. I’m actually amazed there is still a ring on my finger.

Mocha Coconut Frappuccino Cupcakes I howsweeteats.com

Moral of the story: turn on the dang light and make these cupcakes.

Mocha Coconut Frappuccino Cupcakes I howsweeteats.com

Mocha Cupcakes

makes 12 cupcakes

1 1/8 cups all purpose flour

1/4 cup dark cocoa powder

3 tablespoons instant coffee powder

1 1/4 teaspoon baking soda

1/2 teaspoon salt

3/4 cup white sugar

1 egg

2 teaspoons vanilla extract

3/4 cup coconut milk

1/2 cup butter, melted

2 tablespoons sour cream

1/2 cup chocolate or cappuccino chips

Preheat oven to 350 degrees.

In a bowl, whisk egg and sugar until smooth and no lumps remain. Add milk, butter and vanilla, and mix until combined. Sift dry ingredients together and add to wet mixture. Mix until batter is smooth, then stir in sour cream. Fold in chocolate chips and mix. Line a muffin tin with liners and using a 1/4 cup measure, add batter to each cup. Bake for 15-18 minutes. Let cool completely before frosting.


Coconut Frosting

2 sticks of butter, softened (1 cup)

3 2/3 cups powdered sugar + more if needed

1 tablespoon vanilla extract

1 teaspoon of coconut extract (if you don’t have this, no big deal)

1-2 tablespoons of lite coconut milk

1/2 cup shredded, sweetened coconut

1/2 cup shredded coconut, toasted

Cream butter in the bowl of an electric mixture until completely smooth and creamy. With the mixer on low speed, add in powdered sugar slowly. Gradually increase mixer speed and add vanilla and coconut extracts, then beat for 2-3 minutes, scraping down sides and bottom of the bowl. Continue to whip for another 4-5 minutes, continuously scrapping. If frosting is too thick, add coconut milk 1 teaspoon at a time until desired consistency is reached If it’s too thin, add powdered sugar gradually until it thickens. Fold in shredded coconut and mix until just combined. Frost cupcakes, then sprinkle toasted coconut on top.


Mocha Coconut Drizzle

2/3 cup powdered sugar

1 teaspoon instant coffee powder

2 teaspoons dark cocoa powder

1-2 teaspoons coconut milk

Combine dry ingredients in a bowl, then add in one teaspoon of coconut milk. Really mix to combine, as you want it to be glaze-like and easy to drizzle. If too thick, add a drop of coconut milk and stir again. If it accidentally gets too thin, just add a bit more powdered sugar and mix.

Mocha Coconut Frappuccino Cupcakes I howsweeteats.com

*no husbands were harmed.

share:    Pin It    

164 Responses to “Mocha Coconut Frappuccino Cupcakes.”

  1. #
    Samantha — August 24, 2012 @ 9:19 pm

    Literally. I’m in coconut heaven. Is there a coconut heaven? Yes, yes there is.


  2. #
    M — September 7, 2012 @ 2:00 am

    My goodness. These things are godly, my dear. This is coming from one not so easily seduced by chocolate. Mm-mm…


  3. #
    Gosia — October 25, 2012 @ 2:53 am

    I’ve made them and I’m in love :)


  4. #
    Ingrid — November 14, 2012 @ 2:43 am

    oh my god, just found this recipe and i have made it twice already – BEST CUPCAKES EVER!! And not that hard to make – I am seriously in love!!


  5. #
    Lilly Sue — April 22, 2013 @ 10:55 am

    WOW, these look awesome!! :D


  6. #
    Ace — July 22, 2013 @ 11:50 pm

    these were so good. i would recommend these for anyone that loves coconut, chocolate, and coffee!


  7. #
    Jessica — January 15, 2014 @ 1:36 pm

    I know this post was a million years ago – and ive ready it several times since its been up – but I had to comment now bc
    1: The falling on the stairs story made me laugh harder this time bc I DID THIS EXACT THING a few days ago — only i busted my shoulder. So it wasnt as laughable as usual. But i AM mighty clumsy.
    and 2: ive been scouring multiple posts trying to find a comment that may or may not already exist in regards to the kind of spoons those lil blue guys are??!! You use them all the time, I love them. And althought I probably cant get THOSE spoons, Ill love you even more if you can tell me a brand/size/style- anything to get me a set of adorable spoons like that. :) <3 you!


    • Jessica — January 15th, 2014 @ 1:39 pm

      Note all the typos in this post… thanks to my arm in a sling and attempting to type like that. Stupid stairs.


  8. #
    Fitrah — April 28, 2014 @ 6:44 pm

    Hey, there. What did you use to frost these? A scoop?


  9. #
    Shannice — September 21, 2014 @ 10:09 pm

    Hi Jessica, did you used the coconut milk in the can or box?


  10. #
    Mel — September 30, 2014 @ 7:04 pm

    Hi, did you use dutch cocoa powder or natural?


  11. #
    Jane+C. — February 5, 2015 @ 11:35 pm

    Yes, I know I am late to comment, but I just made these yesterday (it was my birthday) and they were so good. I especially loved the cake, it would be good with all sorts of different icings. Have you ever used it for a regular cake, and if so, what size pan?
    Anyway, these are great.



  1. Pingback: Mocha Coconut Frappuccino Cupcakes | Foodbeast

  2. Pingback: Coconut Mocha Frappuccino Cupcakes | UnJourDansLaVie

  3. Pingback: {Recipes}: Mocha Coconut Cupcakes |

  4. Pingback: Mocha Coconut Madness « A Cup of Mo

  5. Pingback: Mocha Coconut Cupcakes « Sweet and Stout

  6. Pingback: Tuesday Things. | How Sweet It Is

  7. Pingback: Mocha Coconut Celebration Cupcakes | sweet + chic life

  8. Pingback: Mocha Coconut Frappuccino Cupcakes « The Best Cupcake Recipes

  9. Pingback: birthday cupcakes « spill the beans

  10. Pingback: Easy Beer Mac and Cheese | How Sweet It Is

  11. Pingback: Cupcakes from A To Z – Best Friends For Frosting

  12. Pingback: Month of Cupcakes Kickoff «

  13. Pingback: Mocha Coconut Fudge | How Sweet It Is

  14. Pingback: Mocha Chocolate Chip Cupcakes « alexisabaker

  15. Pingback: Mocha Coconut Frappuccino Cupcakes « The Cupcake Blog

  16. Pingback: Mocha Coconut Frappuccino Cupcakes « Cute Cupcakes Blog

  17. Pingback: Mocha Coconut Frappuccino Cupcakes

  18. Pingback: Mocha Coconut Frappuccino Cupcakes | Cupcake Recipes

  19. Pingback: tuesday treats | Sweet Mint

  20. Pingback: Mocha Coconut Crinkles | BHG Delish Dish

  21. Pingback: Mocha Coconut Crinkles | How Sweet It Is

  22. Pingback: 悶絶!Mocha Coconut Frappuccinoカップケーキ! | ArtHub

  23. Pingback: Mocha Cupcakes | cre·a·time

  24. Pingback: 17 Insanely Beautiful Cupcakes Recipes You’ll Actually Want To Eat | Fork on Fire

Leave a Comment

Current ye@r *