Meatloaf
#663311
Deep burnt umber warmth for grounded UI accents
About Meatloaf
Meatloaf reads like a browned crust you can almost smell: deep, dense, and unmistakably yellow-leaning rather than red-heavy. Compared to Cold Press Coffee and Count Chocula, it keeps its heft without drifting toward espresso-dark or "soft cocoa" warmth. It's also not as flat and austere as Brown, because there's a rusty, cooked undertone doing the work instead of pure seriousness.
I reach for it when a UI needs warmth that still feels grounded: food and beverage packaging for hearty, take-home comfort; e-commerce category tiles where you want the card to feel substantial; and product landing pages or editorial sidebars for sauces, spices, and pantry brands. In dark mode, it behaves like the one you reach for when you want depth that doesn't read as black. Pair it with cream, warm gray, or olive neutrals and it holds its own without asking for a fully hot palette.
Quirk: it can look muddy beside very saturated golds or cool slate tones, so test it next to your brightest accents before you commit.
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.