Flickering Firefly

#f8f6e6

Warm off-white gray with a flicker of honey

Save
Share

About Flickering Firefly

Flickering Firefly is warmer than or , 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.

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.09:1Fail

On Gray 100 #f5f5f5

Aa
1.00:1Fail

On Gray 900 #18181b

Aa
16.30:1AAA

On Black #000000

Aa
19.32: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 Flickering Firefly

Open the generator with this color pre-loaded.

Start creating