<style>
.yuka-blog-wrap{
--yb-bg: #fdf1f1;
--yb-card: #ffffff;
--yb-card-2: #fde3e6;
--yb-accent: #d94f74;
--yb-accent-light: #f2a8bc;
--yb-text: #3a1f28;
--yb-muted: #9c7581;
--yb-line: rgba(58,31,40,0.12);
display: block !important;
width: 100% !important;
box-sizing: border-box !important;
background: var(--yb-bg) !important;
color: var(--yb-text) !important;
font-family: 'Inter', sans-serif !important;
line-height: 1.65 !important;
padding: 64px 24px !important;
-webkit-font-smoothing: antialiased !important;
}
.yuka-blog-wrap *{ box-sizing: border-box !important; }
.yuka-blog-wrap .yb-inner{ max-width: 760px !important; margin: 0 auto !important; }
.yuka-blog-wrap .yb-eyebrow{
font-family: 'IBM Plex Mono', monospace !important;
font-size: 12px !important;
letter-spacing: 0.14em !important;
text-transform: uppercase !important;
color: var(--yb-accent) !important;
display:flex !important; align-items:center !important; gap:10px !important;
margin: 0 0 18px !important;
}
.yuka-blog-wrap .yb-eyebrow::before{
content:"" !important; width: 26px !important; height: 1px !important; background: var(--yb-accent) !important;
}
.yuka-blog-wrap h1.yb-title{
font-family: 'Fraunces', serif !important;
font-weight: 500 !important;
font-size: clamp(30px, 5vw, 46px) !important;
line-height: 1.12 !important;
letter-spacing: -0.01em !important;
margin: 0 0 22px !important;
color: var(--yb-text) !important;
}
.yuka-blog-wrap h1.yb-title em{ font-style: italic !important; color: var(--yb-accent) !important; }
.yuka-blog-wrap .yb-lead{
font-size: 18.5px !important; line-height: 1.6 !important; color: var(--yb-muted) !important;
margin: 0 0 40px !important; max-width: 58ch !important;
}
.yuka-blog-wrap .yb-illustration{
margin: 0 0 44px !important; background: var(--yb-card) !important; border: 1px solid var(--yb-line) !important;
border-radius: 18px !important; padding: 28px 20px !important; display: flex !important; justify-content: center !important;
}
.yuka-blog-wrap .yb-illustration svg{ width: 100% !important; max-width: 400px !important; height: auto !important; display: block !important; }
.yuka-blog-wrap section.yb-section{ margin: 0 0 46px !important; }
.yuka-blog-wrap section.yb-section:last-of-type{ margin-bottom: 0 !important; }
.yuka-blog-wrap .yb-section-num{
font-family: 'IBM Plex Mono', monospace !important; font-size: 12px !important; color: var(--yb-accent-light) !important;
font-weight: 600 !important; display: block !important; margin: 0 0 8px !important;
}
.yuka-blog-wrap h2.yb-h2{
font-family: 'Fraunces', serif !important; font-weight: 500 !important;
font-size: clamp(22px, 3vw, 28px) !important; line-height: 1.25 !important;
margin: 0 0 16px !important; color: var(--yb-text) !important;
}
.yuka-blog-wrap .yb-body p{
font-size: 16.5px !important; line-height: 1.75 !important; color: var(--yb-text) !important; margin: 0 0 18px !important;
}
.yuka-blog-wrap .yb-body p:last-child{ margin-bottom: 0 !important; }
.yuka-blog-wrap .yb-body strong{ color: var(--yb-accent) !important; font-weight: 600 !important; }
.yuka-blog-wrap .yb-fact{
display:grid !important; grid-template-columns: auto 1fr !important; gap: 24px !important; align-items:center !important;
background: linear-gradient(135deg, var(--yb-card), var(--yb-card-2)) !important;
border: 1px solid var(--yb-line) !important; border-radius: 16px !important; padding: 28px !important; margin: 20px 0 0 !important;
}
.yuka-blog-wrap .yb-fact-icon{ flex: none !important; width: 54px !important; height: 54px !important; }
.yuka-blog-wrap .yb-fact-text{ font-size: 15px !important; color: var(--yb-muted) !important; margin: 0 !important; line-height: 1.55 !important; }
.yuka-blog-wrap .yb-fact-text strong{ color: var(--yb-text) !important; }
.yuka-blog-wrap .yb-scale{
background: var(--yb-card) !important; border: 1px solid var(--yb-line) !important; border-radius: 16px !important;
padding: 28px !important; margin: 18px 0 0 !important;
}
.yuka-blog-wrap .yb-scale-row{
display: grid !important; grid-template-columns: 1fr 1fr 1fr !important; gap: 14px !important; text-align: center !important;
}
.yuka-blog-wrap .yb-scale-item{ display: flex !important; flex-direction: column !important; align-items: center !important; gap: 10px !important; }
.yuka-blog-wrap .yb-scale-dot{ width: 28px !important; height: 28px !important; border-radius: 50% !important; }
.yuka-blog-wrap .yb-scale-chaff{ display:flex !important; gap: 3px !important; }
.yuka-blog-wrap .yb-scale-chaff span{ width: 5px !important; height: 12px !important; border-radius: 2px !important; background: var(--yb-accent-light) !important; }
.yuka-blog-wrap .yb-scale-label{ font-family: 'IBM Plex Mono', monospace !important; font-size: 11px !important; text-transform: uppercase !important; letter-spacing: .05em !important; color: var(--yb-muted) !important; }
.yuka-blog-wrap ul.yb-checklist{
list-style: none !important; margin: 18px 0 0 !important; padding: 0 !important;
display: flex !important; flex-direction: column !important; gap: 12px !important;
}
.yuka-blog-wrap ul.yb-checklist li{
display: flex !important; align-items: flex-start !important; gap: 14px !important;
background: var(--yb-card) !important; border: 1px solid var(--yb-line) !important; border-radius: 12px !important;
padding: 16px 18px !important; font-size: 15px !important; line-height: 1.55 !important; color: var(--yb-text) !important;
}
.yuka-blog-wrap ul.yb-checklist li .yb-check-icon{ flex: none !important; width: 22px !important; height: 22px !important; }
.yuka-blog-wrap ul.yb-checklist li strong{ color: var(--yb-accent) !important; }
.yuka-blog-wrap .yb-highlight{ background: var(--yb-text) !important; border-radius: 16px !important; padding: 32px 34px !important; }
.yuka-blog-wrap .yb-highlight p{
font-family: 'Fraunces', serif !important; font-weight: 500 !important; font-style: italic !important;
font-size: clamp(18px, 2.4vw, 22px) !important; line-height: 1.5 !important; color: #fdf1f1 !important; margin: 0 !important;
}
@media (max-width: 640px){
.yuka-blog-wrap{ padding: 40px 18px !important; }
.yuka-blog-wrap .yb-fact{ grid-template-columns: 1fr !important; text-align: center !important; }
.yuka-blog-wrap .yb-highlight{ padding: 24px !important; }
}
</style>
<div class="yuka-blog-wrap">
<div class="yb-inner">
<div class="yb-eyebrow">Blog · Coffee Education</div>
<h1 class="yb-title">Why There's <em>Chaff</em> in Ground Coffee — and It's Not Trash</h1>
<p class="yb-lead">Noticed thin, pale flecks in your coffee grounds and wondered if something's wrong with the beans? It's actually a natural part of the coffee itself — and often a sign the beans weren't cosmetically "dressed up" before being sold.</p>
<!-- Illustration: bean with a flake of skin peeling off -->
<div class="yb-illustration">
<svg viewBox="0 0 420 220" xmlns="http://www.w3.org/2000/svg">
<defs>
<linearGradient id="beanG1" x1="0" y1="0" x2="1" y2="1">
<stop offset="0" stop-color="#8a5a34"/>
<stop offset="1" stop-color="#4a2c14"/>
</linearGradient>
</defs>
<ellipse cx="180" cy="130" rx="64" ry="42" fill="url(#beanG1)"/>
<path d="M180 92 q12 18 0 38 q-12 18 0 38" stroke="#2c1608" stroke-width="4" fill="none" stroke-linecap="round"/>
<path d="M232 100 q30 -10 48 6 q10 10 -2 20 q-24 10 -46 -4 q-8 -8 0 -22 z" fill="#f2d9c4" opacity="0.9"/>
<path d="M240 106 q18 -4 30 6" stroke="#c9a37c" stroke-width="1.5" fill="none" opacity="0.6"/>
<path d="M300 70 q22 -8 36 4 q8 8 -2 16 q-18 8 -34 -2 q-6 -6 0 -18 z" fill="#f2d9c4" opacity="0.6"/>
</svg>
</div>
<section class="yb-section">
<span class="yb-section-num">01</span>
<h2 class="yb-h2">What it actually is</h2>
<div class="yb-body">
<p>Every coffee bean is a seed inside the fruit of the coffee tree. It's wrapped in several layers: the pulp, the parchment, and — closest to the bean itself — a thin membrane called the <strong>silverskin</strong>. That's exactly what "chaff" is, the flecks you notice in ground coffee.</p>
<p>This skin stays on the bean even after all the pulp has been removed — right up until the moment of roasting. It's not dirt or packaging residue; it's a biological part of the bean itself.</p>
</div>
</section>
<section class="yb-section">
<span class="yb-section-num">02</span>
<h2 class="yb-h2">Why it appears during roasting</h2>
<div class="yb-body">
<p>During roasting, the bean heats up, the moisture inside turns to steam, and the bean physically expands. At the moment of "first crack" — the characteristic popping sound every roaster listens for — the pressure inside the bean causes the thin skin to crack and peel away.</p>
<p>It dries out, becomes brittle and paper-light — and in that form it ends up in whole bean coffee, and later in the grounds.</p>
</div>
</section>
<section class="yb-section">
<span class="yb-section-num">03</span>
<h2 class="yb-h2">Why the amount of chaff depends on the roast level</h2>
<div class="yb-body">
<p>This is the key point that explains why one coffee has more chaff than another.</p>
</div>
<div class="yb-scale">
<div class="yb-scale-row">
<div class="yb-scale-item">
<div class="yb-scale-dot" style="background:#d9a878 !important;"></div>
<div class="yb-scale-chaff"><span></span><span></span><span></span><span></span></div>
<div class="yb-scale-label">Light<br>Roast</div>
</div>
<div class="yb-scale-item">
<div class="yb-scale-dot" style="background:#b06a3d !important;"></div>
<div class="yb-scale-chaff"><span></span><span></span><span></span></div>
<div class="yb-scale-label">Medium<br>Roast</div>
</div>
<div class="yb-scale-item">
<div class="yb-scale-dot" style="background:#4a2c14 !important;"></div>
<div class="yb-scale-chaff"><span></span></div>
<div class="yb-scale-label">Dark<br>Roast</div>
</div>
</div>
</div>
<div class="yb-body" style="margin-top: 18px !important;">
<p>With <strong>light and medium roasts</strong>, the process finishes earlier — the bean doesn't have time to fully "burn off" the skin, so some chaff remains and ends up in the finished coffee. With <strong>dark roasts</strong>, the bean goes through a longer, hotter cycle, and the skin is almost completely incinerated during roasting — which is why dark roasts show barely any visible chaff.</p>
<p>So visible chaff isn't a flaw — it's often direct evidence that the coffee was roasted <strong>lighter or at a medium level</strong>, the kind of roast that reveals the bean's natural flavor nuances instead of masking them behind a burnt taste.</p>
</div>
</section>
<section class="yb-section">
<span class="yb-section-num">04</span>
<h2 class="yb-h2">What high-altitude beans have to do with it</h2>
<div class="yb-body">
<p>Coffee trees grown high in the mountains ripen more slowly due to the cooler climate. This makes the bean's structure denser — and along with it, the skin surrounding such a bean is often thicker and clings more tightly.</p>
</div>
<div class="yb-fact">
<svg class="yb-fact-icon" viewBox="0 0 64 64" fill="none">
<path d="M8 50 L24 24 L34 38 L44 20 L58 50 Z" fill="#d94f74" opacity="0.85"/>
<circle cx="44" cy="14" r="6" fill="#f2a8bc"/>
</svg>
<p class="yb-fact-text">The denser and more slowly a bean grew, the more tightly its skin clings. That's why quality <strong>high-altitude specialty coffee</strong> often shows a bit more visible chaff in the cup and grounds than cheap lowland coffee.</p>
</div>
</section>
<section class="yb-section">
<span class="yb-section-num">05</span>
<h2 class="yb-h2">Another reason chaff is a good sign</h2>
<div class="yb-body">
<p>Large producers often <strong>mechanically polish</strong> their beans — stripping the skin off before roasting so the beans look smoother and "prettier" on the shelf. It has zero effect on flavor; it's a purely cosmetic step for how the product looks.</p>
</div>
<ul class="yb-checklist">
<li>
<svg class="yb-check-icon" viewBox="0 0 24 24" fill="none"><circle cx="12" cy="12" r="11" fill="#f2a8bc"/><path d="M7 12.5l3 3 7-7" stroke="#3a1f28" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round"/></svg>
<span><strong>The presence of chaff</strong> means the beans didn't go through unnecessary "cosmetic" processing just for appearance.</span>
</li>
<li>
<svg class="yb-check-icon" viewBox="0 0 24 24" fill="none"><circle cx="12" cy="12" r="11" fill="#f2a8bc"/><path d="M7 12.5l3 3 7-7" stroke="#3a1f28" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round"/></svg>
<span>It's a <strong>natural, edible, and safe</strong> component — every coffee contains a small amount of this skin.</span>
</li>
<li>
<svg class="yb-check-icon" viewBox="0 0 24 24" fill="none"><circle cx="12" cy="12" r="11" fill="#f2a8bc"/><path d="M7 12.5l3 3 7-7" stroke="#3a1f28" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round"/></svg>
<span>It has <strong>almost no effect on flavor</strong> — the amount is far too small to meaningfully change what's in your cup.</span>
</li>
</ul>
</section>
<section class="yb-section">
<div class="yb-highlight">
<p>We don't polish our beans for the sake of looking pretty on a shelf — we roast to reveal the coffee's true character. So sometimes your bag might have a bit more of this natural chaff than supermarket coffee. Consider it a sign of quality, not a reason to worry.</p>
</div>
</section>
</div>
</div>
