Fake Blonde
#efe6c1
Warm off-white green for soft, high-contrast panels
About Fake Blonde
Fake Blonde reminds me of the underside of a sunlit cereal box, that slightly golden cream tone that looks neutral until it hits a brighter surround. It's lighter than Buttered and less yellow-committed than either Buttered or Banana Mania, but it still has enough color density to read as intentional, not like you grabbed an off-white by mistake. Compared with Creamy Vanilla, it feels more pale and less beige-forward, with a softer, cooler-leaning warmth.
I use it when I need light-mode UI to stay warm without drifting into mustard territory, especially in dashboards and finance apps where type contrast needs to feel crisp. It's also a solid pick for luxury product pages, packaging mockups, and editorial layouts that include lots of whites but need a calmer "page" color than Beurre Blanc provides. The upside is it holds together in small components; it doesn't vanish next to deep charcoal.
Pair it with deep forest, charcoal, or cool greys. If you stack it with other yellows, Fake Blonde can start to look flatter, so keep one anchor tone cooler.
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.