Cosmic Brownie Mug Cake

Go Back

Recipe Image

–+ servings

Smaller Normal Larger

Cosmic Brownie Mug Cake

Print Recipe Pin Recipe

Servings

Calories 360 kcal

Ingredients

3 tablespoons oat flour2 tablespoons chocolate protein powder1.5 tablespoons cocoa powder1 tablespoon coconut sugar or brown sugar1/2 teaspoon baking powder1/4 cup milk1 tablespoon chocolate chips2 to 3 tablespoons sweetened Greek yogurt (with honey)

Instructions

In a microwave safe mug, whisk together the oat flour, chocolate protein powder, cocoa powder, coconut sugar, and baking powder until evenly combined.
Add the milk and stir until a smooth, thick brownie style batter forms.
Fold in the chocolate chips.
Microwave for 45 to 60 seconds, or until the center is just set and still fudgy. Avoid overcooking.
Spoon the sweetened Greek yogurt over the warm mug cake and serve immediately.
Optional:
Add a few rainbow sprinkles on top for cosmic brownie vibes if ya want.
Macros
Calories 360Protein 26 gCarbohydrates 40 gFat 11 g

Nutrition

Calories: 360kcalProtein: 26g

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; } }

Cosmic Brownie Mug Cake

Ingredients 1x2x3x

Instructions

Nutrition

Ingredients