Butterfly Kisses
#f0dedc
Buttery pale gray with peachy warmth over blushing peers
About Butterfly Kisses
Butterfly Kisses is grayer than Angel Wing and less precious about it. There's warmth here, but it doesn't feel like a choice, it's just embedded in the fabric of the color, the way eggshell gets warmth without trying. Lighter and less saturated than the colors around it, it sits in that space where you can actually use it without overthinking whether the undertone is showing up.
You'll land on it in wellness interfaces, reading platforms, and editorial layouts where you need something that feels gentle without performing gentleness. It works behind body copy without the emptiness of Coconut Agony, and it's more restrained than Angel Wing while keeping just enough personality to feel intentional. Photography sits cleanly against it. Dark text doesn't fight it.
The trade-off: it's pale enough that it can read almost white on some screens, especially next to pure blacks. Check it in context before you lock it in. Pair it with warm blacks or muted neutrals and it disappears exactly like you wanted.
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.