Hot Cocoa Mug Cake

Go Back

Recipe Image

–+ servings

Smaller Normal Larger

Print Recipe Pin Recipe

Servings

Calories 312 kcal

Ingredients

Tbsp oat flour2 Tbsp chocolate protein powder1 Tbsp cocoa powder1 Tbsp coconut sugar1/4 tsp baking powder1/16 tsp salt3 Tbsp hot water2 Tbsp unsweetened applesauce1/4 tsp vanilla extract1 Tbsp dark chocolate chips

Instructions

In a small bowl, whisk together the oat flour, chocolate protein powder, cocoa powder, coconut sugar, baking powder, and salt until evenly combined.
Add the hot water, applesauce, and vanilla extract. Stir until the batter is smooth, thick, and glossy.
Transfer the batter to a microwave-safe mug and sprinkle the chocolate chips evenly over the top.
Microwave for fifty to sixty seconds, until the center is set but still soft. If needed, heat an additional ten to fifteen seconds.
Let cool for three minutes before eating. Serve as is or top with Greek yogurt, whipped cream, or a light dusting of cocoa powder.
Nutrition Information
Per serving
Calories 312.4 kcalCarbohydrates 46.2 gProtein 18.6 gFat 8.8 g
ChatGPT can make mistakes. Check important info.

Nutrition

Calories: 312kcal

Tried this recipe?Let us know how it was!

/* ============================================================ KELKOOKS RECIPE CARD — BROMA-INSPIRED Big photo, editorial type, screenshot-worthy PASTE LOCATION: WP Admin → WP Recipe Maker → Settings → Style tab → "Recipe CSS" textarea → Save Changes ============================================================ */ /* --- Card shell --- */ .wprm-recipe-container { font-family: 'Outfit', -apple-system, BlinkMacSystemFont, sans-serif; background: #fdfcf8; border: none !important; border-radius: 20px; padding: 0; margin: 48px auto; max-width: 720px; overflow: hidden; box-shadow: 0 2px 6px rgba(0,0,0,0.04), 0 24px 48px -12px rgba(0,0,0,0.10); color: #1a1a1a; transition: transform 0.4s ease, box-shadow 0.4s ease; } /* --- Hero photo (recipe image at top of card) --- */ .wprm-recipe-image, .wprm-recipe-image img, .wprm-recipe-container .wprm-recipe-image-container img { width: 100% !important; height: auto !important; max-height: 520px; object-fit: cover; display: block; margin: 0 !important; border-radius: 0 !important; } /* --- Inner content padding (everything except hero) --- */ .wprm-recipe-container > *:not(.wprm-recipe-image-container):not(.wprm-recipe-image) { padding-left: 40px; padding-right: 40px; } .wprm-recipe-container .wprm-recipe-name, .wprm-recipe-container .wprm-recipe-summary, .wprm-recipe-container .wprm-recipe-meta-container, .wprm-recipe-container .wprm-recipe-ingredients-container, .wprm-recipe-container .wprm-recipe-instructions-container, .wprm-recipe-container .wprm-recipe-notes-container, .wprm-recipe-container .wprm-nutrition-label-container, .wprm-recipe-container .wprm-recipe-tags-container, .wprm-recipe-container .wprm-recipe-header { padding-left: 40px !important; padding-right: 40px !important; } /* --- Title --- */ .wprm-recipe-name, .wprm-recipe .wprm-recipe-name { font-family: 'ABeeZee', 'Playfair Display', Georgia, serif !important; font-size: 2.4rem !important; font-weight: 700 !important; line-height: 1.1 !important; color: #0f0f0f !important; text-align: center !important; margin: 36px 0 12px !important; letter-spacing: -0.02em !important; } /* --- Summary / description --- */ .wprm-recipe-summary { font-size: 1.02rem !important; line-height: 1.65 !important; color: #555 !important; font-style: normal !important; text-align: center !important; margin: 0 auto 28px !important; max-width: 520px; } /* --- Meta row (times, servings, course) as quiet pill chips --- */ .wprm-recipe-times-container, .wprm-recipe-meta-container { display: flex !important; flex-wrap: wrap !important; justify-content: center !important; gap: 10px !important; background: transparent !important; padding: 20px 40px !important; margin: 0 !important; border-top: 1px solid #ece9e0 !important; border-bottom: 1px solid #ece9e0 !important; } .wprm-recipe-time, .wprm-recipe-servings-container, .wprm-recipe-course-container, .wprm-recipe-cuisine-container { background: transparent !important; border: none !important; padding: 4px 10px !important; font-size: 0.78rem !important; text-transform: uppercase !important; letter-spacing: 0.08em !important; font-weight: 600 !important; color: #1a1a1a !important; } .wprm-recipe-time-label, .wprm-recipe-servings-label, .wprm-recipe-course-label, .wprm-recipe-cuisine-label { color: #a59f8f !important; font-weight: 500 !important; margin-right: 6px !important; } /* --- Action buttons (Print, Pin, Save) --- */ .wprm-recipe-print, .wprm-recipe-pin, .wprm-recipe-favorite, .wprm-recipe-jump { background: #0f0f0f !important; color: #fff !important; border: none !important; border-radius: 999px !important; padding: 12px 24px !important; font-weight: 600 !important; font-size: 0.78rem !important; text-transform: uppercase !important; letter-spacing: 0.1em !important; transition: transform 0.2s ease, box-shadow 0.2s ease, background 0.2s ease !important; cursor: pointer !important; } .wprm-recipe-print:hover, .wprm-recipe-pin:hover, .wprm-recipe-favorite:hover, .wprm-recipe-jump:hover { background: #c18c5d !important; transform: translateY(-2px); box-shadow: 0 8px 20px rgba(193,140,93,0.35) !important; } /* --- Section headers (Ingredients, Instructions, Notes) --- */ .wprm-recipe-ingredients-header, .wprm-recipe-instructions-header, .wprm-recipe-notes-header, .wprm-recipe-equipment-header { font-family: 'ABeeZee', 'Playfair Display', Georgia, serif !important; font-size: 1.5rem !important; font-weight: 700 !important; color: #0f0f0f !important; margin: 36px 0 18px !important; padding: 0 !important; border: none !important; letter-spacing: -0.01em !important; text-transform: none !important; position: relative; padding-left: 20px !important; } .wprm-recipe-ingredients-header::before, .wprm-recipe-instructions-header::before, .wprm-recipe-notes-header::before, .wprm-recipe-equipment-header::before { content: ""; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 4px; height: 70%; background: #c18c5d; border-radius: 2px; } /* --- Ingredients list --- */ .wprm-recipe-ingredient { padding: 14px 0 !important; border-bottom: 1px solid #f1efe8 !important; font-size: 1rem !important; line-height: 1.5 !important; color: #2a2a2a !important; } .wprm-recipe-ingredient:last-child { border-bottom: none !important; } .wprm-recipe-ingredient-amount, .wprm-recipe-ingredient-unit { font-weight: 700 !important; color: #c18c5d !important; } .wprm-recipe-ingredient-name { color: #1a1a1a !important; font-weight: 500 !important; } .wprm-recipe-ingredient-notes { color: #8a8479 !important; font-size: 0.88rem !important; font-style: italic !important; } .wprm-checkbox-container input[type="checkbox"] { accent-color: #c18c5d !important; width: 18px !important; height: 18px !important; margin-right: 12px !important; } /* --- Instructions with big numbered bubbles --- */ .wprm-recipe-instructions { counter-reset: wprm-step; list-style: none !important; padding: 0 40px !important; } .wprm-recipe-instruction { counter-increment: wprm-step; position: relative; padding: 20px 0 20px 60px !important; border-bottom: 1px solid #f1efe8 !important; font-size: 1.02rem !important; line-height: 1.65 !important; color: #2a2a2a !important; } .wprm-recipe-instruction:last-child { border-bottom: none !important; } .wprm-recipe-instruction::before { content: counter(wprm-step); position: absolute; left: 0; top: 20px; width: 40px; height: 40px; background: #0f0f0f; color: #fff; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-weight: 700; font-size: 0.95rem; font-family: 'ABeeZee', Georgia, serif; box-shadow: 0 4px 12px rgba(0,0,0,0.15); } /* --- Notes block (Broma-style callout) --- */ .wprm-recipe-notes-container { background: #f7f3ea !important; border-left: 4px solid #c18c5d !important; border-radius: 4px; padding: 24px 28px !important; margin: 24px 40px !important; } .wprm-recipe-notes { font-size: 0.96rem !important; line-height: 1.7 !important; color: #3a3a3a !important; } /* --- Nutrition --- */ .wprm-nutrition-label-container { background: transparent !important; border: 1px solid #ece9e0 !important; border-radius: 12px !important; padding: 24px !important; margin: 28px 40px !important; } .wprm-nutrition-label-text-nutrition-container { display: inline-block; padding: 8px 14px; margin: 3px; font-size: 0.85rem; } .wprm-nutrition-label-text-nutrition-label { color: #a59f8f !important; font-weight: 500 !important; text-transform: uppercase; font-size: 0.7rem; letter-spacing: 0.08em; } .wprm-nutrition-label-text-nutrition-value { color: #0f0f0f !important; font-weight: 700 !important; font-size: 1rem !important; } /* --- Keywords / tags footer --- */ .wprm-recipe-tags-container { margin: 24px 0 0 !important; padding: 24px 40px !important; border-top: 1px solid #ece9e0 !important; font-size: 0.82rem !important; color: #8a8479 !important; text-align: center; } .wprm-recipe-keyword { background: transparent; border: 1px solid #ece9e0; padding: 6px 14px; border-radius: 999px; margin: 3px; display: inline-block; color: #3a3a3a !important; font-weight: 500; transition: background 0.2s ease, color 0.2s ease; } .wprm-recipe-keyword:hover { background: #c18c5d; color: #fff !important; border-color: #c18c5d; } /* --- Mobile optimization (thumb-friendly) --- */ @media (max-width: 720px) { .wprm-recipe-container { margin: 32px 0; border-radius: 0; max-width: 100%; } .wprm-recipe-image, .wprm-recipe-image img { max-height: 380px; } .wprm-recipe-container > *:not(.wprm-recipe-image-container):not(.wprm-recipe-image), .wprm-recipe-container .wprm-recipe-name, .wprm-recipe-container .wprm-recipe-summary, .wprm-recipe-container .wprm-recipe-meta-container, .wprm-recipe-container .wprm-recipe-ingredients-container, .wprm-recipe-container .wprm-recipe-instructions-container, .wprm-recipe-container .wprm-recipe-notes-container, .wprm-recipe-container .wprm-nutrition-label-container, .wprm-recipe-container .wprm-recipe-tags-container { padding-left: 24px !important; padding-right: 24px !important; } .wprm-recipe-name, .wprm-recipe .wprm-recipe-name { font-size: 1.9rem !important; margin: 28px 0 10px !important; } .wprm-recipe-summary { font-size: 0.96rem !important; } .wprm-recipe-times-container, .wprm-recipe-meta-container { padding: 18px 24px !important; } .wprm-recipe-instructions { padding: 0 24px !important; } .wprm-recipe-instruction { padding-left: 52px !important; } .wprm-recipe-instruction::before { width: 36px; height: 36px; } .wprm-recipe-notes-container { margin: 20px 24px !important; padding: 20px 22px !important; } .wprm-recipe-tags-container { padding: 20px 24px !important; } .wprm-recipe-print, .wprm-recipe-pin, .wprm-recipe-favorite, .wprm-recipe-jump { padding: 14px 22px !important; font-size: 0.82rem !important; min-height: 44px; } } /* --- Print-friendly (when user hits Print) --- */ @media print { .wprm-recipe-container { box-shadow: none !important; border: 1px solid #ddd !important; } }