Café Noir
#4b3621
Muted coffee brown with cooler, low-saturation depth
About Café Noir
Café Noir is the brown that stops apologizing. It's darker and more restrained than the warmer neighbors around it, no red undertone trying to catch light, no copper glow softening the edges. What you're looking at is almost matte density, the kind of brown that works because it's genuinely neutral about being noticed.
Reach for it in luxury packaging where brown needs to feel sophisticated without warmth, in dark mode dashboards and financial interfaces where you need actual weight without the theatrical staging, in editorial layouts and restaurant menus where the color disappears into the architecture. It anchors sidebars, holds card backgrounds, punches slightly harder than Count Chocula while staying cooler and more measured than Chocolate Fantasies. Pair it with cream or warm neutrals and it locks in immediately, but it's also the only one in this set that doesn't fall apart next to genuinely cool tones.
The real advantage here: it works when you're not committing to an entirely warm palette. It's the brown for restraint, the one you reach for when everything else in the layout needs to be serious first, approachable second.
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.