Marshmallow Heart
#f9dce3
Cloud-soft rose blush for airy, gentle UI
About Marshmallow Heart
Marshmallow Heart looks like the softest pink smear from a cottony eraser, but it still reads as fully pink, not off-white. Compared to It's a Girl!, it has that extra fluffiness without borrowing warmth from the daylight blush. And unlike Mimi Pink, it doesn't go as cool and skin-toned, it stays more rosey and gentle.
In UI, this is the shade I reach for when you want airy, affectionate softness without the "powder drifting back" you can get from Ballerina. It's great for subscription onboarding and wellness onboarding steps where the flow should feel welcoming, plus beauty booking and skincare product cards that need a calm highlight panel. I also like it on hospitality badges and confirmation states where the brand wants friendly, not candy.
Use it beside richer reds carefully, because Marshmallow Heart will keep looking light and sweet. Pair it with warm creams or pale rose-beiges so it stays rounded, not washed.
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.
Similar colors
Create a gradient with Marshmallow Heart
Open the generator with this color pre-loaded.
Start creating