Gingerbread House
#ca994e
Softer ginger-gold green for gentle UI surfaces
About Gingerbread House
Gingerbread House looks like baked spice under warm indoor light: lighter and more mellow than the cardamom-bright golds, but it still reads unmistakably amber. Compared to Camel, it feels more flavored and less neutral, with a richer ginger warmth that doesn't flatten into "fabric beige." And unlike Camel Cardinal, it carries less red snap, so the tone stays cozy instead of terracotta.
I use this as the one you reach for when you want a dessert-warm accent that won't dominate. It works great in brand systems for CPG and food, especially across product tiles, hero banners, and packaging mockups where you need "spice" without screaming. It also lands nicely in ecommerce category chips and sidebar callouts on light UI, where Camel can feel a touch dry and Chipmunk-like gold would skew too lively.
One quirk: it holds best with cream or warm gray neighbors. Pairing it with stark whites can make it feel slightly dusty at the edges.
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 Gingerbread House
Open the generator with this color pre-loaded.
Start creating