Brown Coffee

#4a2c2a

Softer coffee brown, cooler and less brick-red

Save
Share

About Brown Coffee

Brown Coffee is what happens when you strip warmth out of a brown entirely. It's flatter than , colder than , and commits to being brown in a way those others keep arguing about. There's no wine undertone waiting to surface, no red trying to peek through. Just a muted, desaturated warmth that reads immediately and doesn't negotiate.

Use this one in product photography, dark dashboards, and packaging where you need brown that feels intentional rather than accidental. It works as a full background without the suffocation you get from , and it pairs with nearly everything because it's not trying to own the room. Unlike 's performance anxiety or 's refusal to soften, this one just sits there competently, the kind of color that works harder than it looks.

The thing about Brown Coffee: it disappears fastest on warm grays and beige. Keep it against white, cool neutrals, or black if you want it to register as a choice rather than default. It's not a statement color. It's the one you reach for when you need brown to actually mean brown.

Gradient preview

See how this color looks in an animated mesh gradient.

Conversions

Click any value to copy.

Need this programmatically? Color API

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

Aa
12.46:1AAA

On Gray 100 #f5f5f5

Aa
11.43:1AAA

On Gray 900 #18181b

Aa
1.42:1Fail

On Black #000000

Aa
1.68:1Fail

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

Complementary
Analogous
Triadic
Split Complementary
Tetradic

Suggested palettes

Palettes built around this color.

4 colors
3 colors
4 colors
4 colors

Community palettes

Published palettes that include this color.

Similar colors

Create a gradient with Brown Coffee

Open the generator with this color pre-loaded.

Start creating