Mille-Feuille
#efc87d
Warm, pale yellow-green highlight for airy headings
About Mille-Feuille
On a spec sheet mockup, Mille-Feuille reads like a toasted pastry glaze that stayed light. It's not the deeper, golden weight of Butterscotch Cake, and it doesn't go airy and custard-soft like Pastel de Nata. Instead, it sits in the Green family with a creamy yellow-green undertone, slightly dusty at the edges, so it feels smooth rather than sticky.
I use it as a warm neutral wash for product dashboards and food and beverage interfaces when you need separation without yelling. It behaves better than the more buttery sibling (Butterscotch Cake) because it doesn't skew too amber, and it's cleaner than Honeydew Sand, since it has a firmer, confectioner's warmth. the one I reach for when cards, badges, and section headers need to stay readable over food photography and still feel baked-in.
Quick watch: keep an eye on saturation next to richer olives. With heavy green accents, Mille-Feuille can look a touch chalky, so pair it with cream whites or a slightly darker sage to keep it grounded.
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.
