Butterfly Kisses

#f0dedc

Buttery pale gray with peachy warmth over blushing peers

Save
Share

About Butterfly Kisses

Butterfly Kisses is grayer than 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 , and it's more restrained than 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.

Gradient preview

See how this color looks in an animated mesh gradient.

Conversions

Click any value to copy.

Need this programmatically? Color API

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

Aa
1.30:1Fail

On Gray 100 #f5f5f5

Aa
1.19:1Fail

On Gray 900 #18181b

Aa
13.66:1AAA

On Black #000000

Aa
16.19:1AAA

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

Complementary
Analogous
Triadic
Split Complementary
Tetradic

Suggested palettes

Palettes built around this color.

4 colors
3 colors
4 colors
4 colors

Community palettes

Published palettes that include this color.

Similar colors

Create a gradient with Butterfly Kisses

Open the generator with this color pre-loaded.

Start creating