✦ Die With Zero Calculator

How much can you safely spend in retirement?

Most "how much can I spend" content stops at a flat percentage of your savings. This calculator doesn't — it runs a real 1,000-scenario simulation against the numbers a reader enters. Drop it into your own article in one script tag, and it looks like it was built for your site, not bolted onto it.

Sibling of <retirement-calc-age> — same engine, different question.

Full explanation: How Much Do I Need to Retire? →

See it in context

Here's exactly what that looks like — a live instance embedded inside a sample article, using someone else's fonts and colors, not ours.

guiltfreespending.com/blog/why-you-wont-spend-the-money-you-saved

Retirement Spending · 6 min read

You Saved for Decades. Why Won't You Spend Any of It?

Guilt-Free Spending
Helping retirees actually enjoy what they saved

Almost every retiree we talk to has the same quiet habit: living well below what their plan can actually support. Not because the plan is thin — because nobody ever gave them a number they trusted enough to spend against.

The chronic underspending problem

Retirees, on average, spend less in their 70s and 80s than their savings could safely support — not because they've run the math and concluded they should, but because nobody ever ran the math for them at all. Without a real number, caution wins by default. That default has a cost too: it's called years you didn't take the trip, help the kids, or stop worrying about a bill that was never actually a threat.

"Having enough" isn't the same as "feeling safe spending it"

These are two different problems, and most tools only solve the first one. A net-worth number tells you what you have. It doesn't tell you what you can take out each month without jeopardizing the rest — and that gap between the balance sheet and a real spending permission is exactly where the anxiety lives.

A number you can stress-test is worth more than a number that just sounds reassuring.

Why the 4% rule isn't your number

The 4% rule is a starting-point heuristic from one era of market history, applied uniformly regardless of your actual savings, spending shape, Social Security timing, or how long your money needs to last. It was never built to be personal. A simulation run against your specific numbers — not an average retiree's — is the difference between a guess and an answer.

A worked example

A 60-year-old retiring at 65 with $800,000 saved and a $2,200/mo Social Security benefit claimed at 67 can sustainably spend about $4,700/mo — the exact figure this calculator's engine returns for that plan at an 85% Monte Carlo success rate, not a percentage-of-savings estimate.

Spending it down on purpose — the "die with zero" idea

The number above answers "how much can I spend without running out." A related, harder question is how much to spend if the goal isn't just safety but actually using what you saved — dying with as little left over as you're comfortable with, rather than defaulting to maximum caution and leaving the biggest balance of your life on the table. The full app's Spending Shape tool searches dozens of spending patterns — more in your active early years, less later — to find the most you can spend while keeping your odds above a floor you choose and your legacy at whatever you actually want left, which can be as little as possible.

Try it with your own numbers

Adjust the sliders to the right — current age, savings, retirement age, Social Security — and watch the safe monthly spending number respond in real time. No signup, and nothing entered leaves the browser.

Try it

That's the exact <retirement-calc-spend> widget, unmodified — same script tag, same math as the full app. See the full picture → · Jump to the embed code ↓

For developers

Everything below is for embedding this calculator on your own site — integration code, theming, and events.

Live demos

Default (single, defaults)

Themed (orange accent, household, pre-seeded)

Preview your theme

Pick colors that match your site, then copy the CSS snippet at the bottom.

Theme colors

Accent color Big number, slider thumb, CTA button

#4f8ec9

Card background Outer surface of the calc

#ffffff

Inner surface Result area + toggle background

#f7f9fc

Text color Title, slider values, result subline

#1a1f2e

retirement-calc-spend {
  --rc-accent: #4f8ec9;
  --rc-bg: #ffffff;
  --rc-surf: #f7f9fc;
  --rc-text: #1a1f2e;
}

Integration code

Drop this into your HTML:

<script src="https://app.retirementscenario.com/embed/v1/spend.js"></script>

<retirement-calc-spend></retirement-calc-spend>

Or pre-seed values relevant to your audience:

<retirement-calc-spend
  plan-type="household"
  current-age="48"
  current-savings="1200000"
  contrib-annual="35000"
  retirement-age="62"
  ss-amount="2700"
  return-pct="7.0">
</retirement-calc-spend>

Attributes

Attribute	Default	Range
`current-age`	50	30 – 70
`current-savings`	1000000	0 – 5,000,000
`contrib-annual`	25000	0 – 50,000 (incl. employer match)
`retirement-age`	65	50 – 75 (planned retirement age)
`ss-amount`	2500	0 – 5,000 (monthly at FRA)
`return-pct`	7.0	4.0 – 10.0 (nominal annual %, engine handles inflation)
`plan-type`	single	`single` or `household`
`refsrc`	(none)	partner attribution tag

Theming

Override CSS custom properties on the host:

retirement-calc-spend {
  --rc-accent: #ff6b35;    /* primary color */
  --rc-bg: #ffffff;        /* card background */
  --rc-surf: #f7f9fc;      /* sub-surface (result area) */
  --rc-text: #1a1f2e;
  --rc-muted: #6a7280;
  --rc-border: rgba(20,30,50,0.10);
  --rc-radius: 12px;
}

Events

The element emits two custom events you can listen to:

document.querySelector('retirement-calc-spend')
  .addEventListener('rc-calculated', (e) => {
    console.log('Max monthly spend:', e.detail.maxSpend);
  });

document.querySelector('retirement-calc-spend')
  .addEventListener('rc-cta-clicked', (e) => {
    console.log('User clicked CTA to:', e.detail.url);
  });