Sparkling Champagne
#efcf98
Warm champagne beige for airy, golden accents
About Sparkling Champagne
I keep catching Sparkling Champagne on mockups as that pale, creamy gold with a green family nod, like sunlight caught in the bubbles of a drink. It's lighter than Hummus but not quite as milky, and it feels more lively than Honeydew Sand because the undertone turns toward a soft champagne warmth instead of a whisper of yellow-green. Compared with Instant Noodles, it reads less dry and more hydrated, with a gentler, smoother tone that doesn't look like noodle packaging under harsh light.
I reach for it when I want the one you reach for backdrop to stay friendly while still separating blocks cleanly. Think dashboards and finance apps that need airy sections behind charts, or e-commerce and catalog grids where cards need breathing room without going stark. For editorial templates, it's a calmer neutral base that lets olive, sage, and deep green type feel crisp.
Quick note: because it runs slightly warmer than the nearby creams, it can make very cool greens look a touch dull next to it. A slightly richer green border keeps everything from flattening out.
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 Sparkling Champagne
Open the generator with this color pre-loaded.
Start creating