Worcestershire Sauce
#572b26
Earthy orange-brown with tangy depth, less cocoa
About Worcestershire Sauce
Worcestershire Sauce reads like a bottle label shadow after it's been wiped clean. It's very dark brown, but it doesn't flatten the way Bitter Chocolate does. Instead of going near-black, it keeps a faint, savory reddish-brown warmth, so it feels seasoned rather than stripped.
I use it when the UI needs to look workmanlike and hungry at the same time. Think product pages for food and spirits, gaming HUD panels, and dark e-commerce navigation where you want depth without the espresso drift toward cocoa-orange. Compared to Couch, this one holds tighter and darker, with less "lived-in" redness; compared to Espresso, it stays less warm and more steered toward broth-like brown. Gaming UI and luxury packaging both like it because it photographs rich under low, directional light.
Pair it with near-black, deep charcoal, or a clean cream for contrast. On very warm paper or beige UI shells, it can tip slightly toward reddish brown, so watch your neutrals if you want it to stay 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.
Similar colors
Create a gradient with Worcestershire Sauce
Open the generator with this color pre-loaded.
Start creating