Pink Champagne
#e8dfed
Lighter pink-champagne gray with a soft rosy lift
About Pink Champagne
Pink Champagne lands like the pale foam on a cappuccino, but with a steadier gray backbone. It's a light, champagne-pink wash that stays gentle, not mauve, and not lavender-forward. Compared to Bubble Bath, the pink here feels a touch more lifted and airy, less grounded and gray-first. Next to Homoeopathic Lavender, you'll notice it's warmer in temperature, with less of that "already-lavender" calm.
This is the one you reach for in light-mode products when you want warmth without nudging your whole interface toward pink. I've used it for dashboards and finance apps that include real photos, from retail analytics to coaching platforms, where backgrounds need to sit still behind tables, forms, and soft UI chrome. It also works in wellness content templates because it reads friendly against neutral text, without the cool drift you can get from Minute Mauve.
If your accent colors are very saturated, pair Pink Champagne with mid-tone grays or charcoal so the layout stays crisp and doesn't feel like colored paper.
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.