Flickering Firefly
#f8f6e6
Warm off-white gray with a flicker of honey
About Flickering Firefly
Flickering Firefly is warmer than Diamond or Glamour White, but it doesn't announce it. There's enough yellow in the undertone that it reads as intentional, a chosen background, not an accident, yet it stays restrained enough that it won't pull focus from what sits on top of it. It's the beige that actually feels like beige instead of trying to hide.
You'll use this in editorial layouts, publishing platforms, and long-form reading contexts where warmth and readability matter equally. It works well in SaaS interfaces that lean warmer, e-commerce sites, and anywhere you need a background that feels approachable without sliding into dated territory. Pair it with dark type and it holds its own without strain.
The difference from Au Clair de la Lune is subtle but real: this one sits slightly lighter and has a touch more presence. Where Au Clair disappears into support, Flickering Firefly actually feels like part of the design decision. Test it against your darker elements first, the warmth can shift how contrast reads on different displays.
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 Flickering Firefly
Open the generator with this color pre-loaded.
Start creating