Butter Muffin
#f6dfb2
Lighter, milkier butter-yellow green for airy cards
About Butter Muffin
Butter Muffin is lighter than Butter Up but with less of that assertive yellow underneath. It's the version that still reads warm without making a statement about it, the kind of color that whispers instead of announces. You notice the temperature is there, but it doesn't demand you build everything else around it.
This one lives on product pages, publishing layouts, and light SaaS interfaces where you need the warmth of a cream without the saturation that starts competing with your content. It sits between Cloud of Cream's near-neutrality and Creamy Vanilla's deliberate presence, which means it works when you want something softer than beige but not quite invisible. Pair it with charcoal type or deep accents and it anchors cleanly.
The quirk: it's pale enough that next to true white, the difference reads as intentional rather than obvious. But float it alone on a neutral background and you lose that grounding, it needs contrast to prove it's actually there.
Code snippets
Copy this color into your project.
Contrast checker
WCAG 2.1 contrast ratios. AA requires 4.5:1 for normal text, 3:1 for large. AAA requires 7:1 / 4.5:1.
On White #ffffff
On Gray 100 #f5f5f5
On Gray 900 #18181b
On Black #000000
Variations
Shades
Darker variations, created by mixing toward black.
Tints
Lighter variations, created by mixing toward white.
Tones
Muted variations, created by reducing saturation.
Hues
Hue rotations around the color wheel.
Temperatures
Warm and cool shifts of this color.
Color harmonies
Suggested palettes
Palettes built around this color.
Community palettes
Published palettes that include this color.