Sparkling Cider
#fffdeb
Warmest pale gray, golden lift for airy panels
About Sparkling Cider
Sparkling Cider reads like a chilled glass of cider under bright office lights: almost white, but with a clean golden whisper that doesn't tip fully into cream. Compared with Glamour White, it's not nearly as colorless, so it keeps a gentle glow instead of disappearing. Compared with Vanilla Drop, the warmth is tighter and less buttery, and the highlights feel finer, not dusted. Compared with Northern Star, this one leans warmer and more drink-like, losing that barely-there cool restraint.
I reach for it when your UI needs warmth without the obvious creaminess, especially in dashboards and finance apps where dense tables still have to feel calm. It's great for settings panels, product onboarding steps, and documentation sites that mix long text with light charting. Put it behind darker grays and it stays readable, but it also plays nicely with amber UI accents without turning them loud.
If you're pairing with very yellow photography, try to keep type slightly cooler so the page doesn't feel like it's uniformly glowing.
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.
