Electrolyte Coffee
The performance drink that combines caffeine's energy boost with electrolytes your body actually needs
Quick answer
Electrolyte Coffee
Electrolyte coffee adds a pinch of sea salt and a splash of coconut water to your cup for caffeine's energy plus the electrolytes your body needs. Moderate coffee (~308 mg caffeine/day) hydrates like water and does not dehydrate you (Killer et al., 2014), and unsweetened coconut water supplies roughly 396 mg potassium per cup (USDA FDC 174831).
Track every hydrating drink you make.
Log water, smoothies, teas, and electrolyte drinks. Vari counts it all.
Start Tracking Free →Free trial • iOS
Built for iPhone · Apple Health sync · Weather-aware · Privacy-first
Electrolyte coffee has become a staple among endurance athletes, biohackers, and anyone who wants their morning caffeine without the dehydrating trade-off. By adding a pinch of sea salt and a splash of coconut water to your coffee, you create a beverage that delivers caffeine's alertness benefits while simultaneously replacing sodium, potassium, and magnesium lost overnight. The salt also smooths out coffee's bitterness, reduces jitteriness by supporting adrenal function, and helps your body retain the fluid rather than rapidly excreting it. This recipe takes 2 minutes and transforms your daily coffee into a genuine performance drink.
Hydration Benefits
Counteracts Caffeine's Diuretic Effect
Adding sodium to coffee helps counteract caffeine's mild diuretic effect by promoting fluid retention in the kidneys. The result is better net hydration from your morning cup.
Replaces Overnight Electrolyte Loss
You lose approximately 200-400 mL of water and electrolytes through breathing and sweating during sleep. Electrolyte coffee replenishes these losses while delivering your morning caffeine.
Reduces Jitters and Crashes
Salt supports healthy adrenal function and helps stabilize the cortisol spike that caffeine triggers. Many people report smoother energy with less anxiety when they add salt to their coffee.
Potassium from Coconut Water
Coconut water adds approximately 250 mg of potassium per half cup, supporting muscle function and nerve signaling. Most people are deficient in potassium, making this a meaningful daily addition.
Nutrition Facts
| Nutrient | Amount |
|---|---|
| Calories | 25-35 |
| Caffeine | 80-100 mg |
| Sodium | 230-460 mg |
| Potassium | 250 mg |
| Magnesium | 15 mg |
| Sugar | 3 g (from coconut water) |
| Serving Size | 12 oz |
How to Make It
Step 1: Brew your coffee
Brew 8 oz of your preferred coffee (drip, pour-over, French press, or espresso diluted with hot water). Use quality beans for the best flavor. Cold brew works too -- just skip the heating step.
Step 2: Add sea salt
Stir in 1/8 to 1/4 teaspoon of fine sea salt or Himalayan pink salt. Start with 1/8 teaspoon if you are new to salted coffee. The coffee should not taste salty -- the salt should enhance the natural flavors and reduce bitterness.
Step 3: Add coconut water
Pour in 1/4 to 1/2 cup of pure coconut water (not coconut milk or coconut cream). This adds potassium, natural electrolytes, and a subtle sweetness. Use refrigerated coconut water for iced coffee or room temperature for hot.
Step 4: Optional additions
For extra performance: add 1 tablespoon MCT oil or grass-fed butter for sustained energy. For flavor: a dash of cinnamon or vanilla extract. For magnesium: add 1/4 teaspoon of magnesium citrate powder. Blend if using fats for a creamy texture.
Pro Tips
- Start with less salt (1/8 tsp) and increase gradually -- you should taste enhanced sweetness, not saltiness
- Use unrefined sea salt or Himalayan salt for trace minerals that table salt lacks (iodine, magnesium, zinc)
- Coconut water brands vary widely in quality -- choose ones with no added sugar and 100% coconut water
- For an iced version, brew coffee double strength, cool it, then add coconut water and salt over ice
- Pre-mix your salt and coconut water ratio so you can quickly add it to any coffee throughout the week
- This recipe pairs exceptionally well with a pre-workout routine -- drink 30-45 minutes before exercise
Medical Disclaimer: This recipe is for informational purposes. Check for allergies before trying new ingredients. People with high blood pressure or sodium-restricted diets should consult their doctor before adding salt to their beverages. Caffeine intake should stay under 400 mg per day for most adults.
Sources & Citations
- ≥250-300 mg acute threshold — A short-term diuretic effect from caffeine appears only at large acute doses of at least 250-300 mg (the amount in 2-3 cups of coffee), chiefly in people deprived of caffeine; normal serving doses show no diuretic action.[2]
- Mean 308 mg/day, no net dehydration — In 50 habitual coffee drinkers, coffee at a mean 308 mg caffeine/day produced no difference from water in total body water (51.5 vs 51.4 kg) or 24-h urine volume (2409 vs 2428 mL) — coffee hydrates like water.[1]
- 400 mg/day; 200 mg single dose — EFSA judges habitual caffeine intake up to 400 mg/day, and single doses up to 200 mg, safe for healthy non-pregnant adults.[3]
- 26 mg Na, 165 mg K per 100 g (~396 mg K/cup) — Unsweetened ready-to-drink coconut water contains 26 mg sodium and 165 mg potassium per 100 g, equating to roughly 62 mg sodium and 396 mg potassium per 240 g cup (high potassium, low sodium).[4]
- <2% body-mass loss target — NATA recommends rehydration beverages include sufficient (but not excessive) sodium, individualized sweat-rate assessment, and a target of less than 2% body-mass loss.[5]
- [1]Killer et al. 2014 — PLoS ONE — Killer SC, Blannin AK, Jeukendrup AE. No evidence of dehydration with moderate daily coffee intake: a counterbalanced cross-over study in a free-living population. PLoS ONE. 2014 Jan 9;9(1):e84154.PMID: 24416202DOI: 10.1371/journal.pone.0084154
- [2]Maughan & Griffin 2003 — J Hum Nutr Diet — Maughan RJ, Griffin J. Caffeine ingestion and fluid balance: a review. Journal of Human Nutrition and Dietetics. 2003 Dec;16(6):411-420.PMID: 19774754DOI: 10.1046/j.1365-277X.2003.00477.x
- [3]EFSA 2015 — Scientific Opinion on Caffeine — EFSA Panel on Dietetic Products, Nutrition and Allergies (NDA). Scientific Opinion on the safety of caffeine. EFSA Journal. 2015;13(5):4102.DOI: 10.2903/j.efsa.2015.4102
- [4]USDA FoodData Central — Coconut water (FDC 174831) — USDA FoodData Central — Coconut water, ready-to-drink, unsweetened (FDC 174831). USDA, Agricultural Research Service, SR Legacy 2019.
- [5]McDermott et al. 2017 — NATA Position Statement — McDermott BP, Anderson SA, Armstrong LE, Casa DJ, Cheuvront SN, Cooper L, Kenney WL, O'Connor FG, Roberts WO. National Athletic Trainers' Association Position Statement: Fluid Replacement for the Physically Active. J Athl Train. 2017;52(9):877-895.PMID: 28985128DOI: 10.4085/1062-6050-52.9.02
Last reviewed: 2026-06-21. Every figure on this page is sourced to the named primary references above.
Frequently Asked Questions
Does adding salt to coffee really make a difference?
Yes. Salt reduces the perceived bitterness of coffee (a trick used by competitive baristas), helps counteract caffeine's diuretic effect by promoting fluid retention, and provides sodium that supports adrenal function. The amount used (1/8 to 1/4 teaspoon) should not make the coffee taste salty -- it should taste smoother and slightly sweeter.
Can I use this as a pre-workout drink?
Absolutely. Electrolyte coffee is an excellent pre-workout beverage. The caffeine improves endurance and reduces perceived exertion, the sodium supports fluid retention during exercise, and the potassium from coconut water helps prevent muscle cramps. Drink it 30-45 minutes before your workout for optimal effect.
Will the coconut water change the taste of my coffee?
Coconut water adds a subtle, slightly sweet, and nutty undertone to coffee. Most people find it pleasant and barely noticeable, especially with 1/4 cup added to 8 oz of coffee. If you are sensitive to flavor changes, start with just 2 tablespoons and work up to your preferred ratio.
Is this better than buying commercial electrolyte coffee products?
Homemade electrolyte coffee gives you full control over the quality and quantity of each ingredient, costs a fraction of commercial products, and avoids artificial sweeteners and preservatives found in many packaged options. Commercial products are convenient for travel, but the homemade version is fresher and more customizable.
How many electrolyte coffees can I have per day?
Limit yourself to 1-2 electrolyte coffees per day, staying within the recommended 400 mg daily caffeine maximum. The sodium content (230-460 mg per cup) is well within safe limits but adds up if combined with a high-sodium diet. For additional hydration throughout the day, switch to plain electrolyte water or herbal tea.
You don’t need to track water manually.
Vari does it for you — personalized, weather-aware, Apple Health synced.
- ✓Smart reminders
- ✓Personalized plan
- ✓Apple Health insights
7 days free · Cancel anytime · iOS 15+
Track Your Hydration
Log your hydrating recipes and track daily water intake with Vari.
Continue exploring