Acoustic Brown

#766b69

Mid brown-gray with earthy warmth for maps

Save
Share

About Acoustic Brown

Acoustic Brown sits warmer than and , but it's still restrained enough that it doesn't feel like a brown masquerading as gray. There's a genuine temperature shift here, it's got enough brown undertone to feel inhabited, almost lived-in, without becoming so saturated that it competes for attention. This is the gray you reach for when pure neutrality starts to feel cold.

It works in editorial layouts, content platforms, and design systems where you want the background to feel grounded rather than clinical. Unlike Chorus of Elephants, which sits heavier and cooler, Acoustic Brown has lift to it, it won't make your type weights feel aggressive, and it plays well with warm photography without disappearing into it. It's warmer than the cooler grays in the family, but still disciplined enough to stay in the background.

Pair it with charcoal type or warm blacks and it settles immediately. Against rust, sage, or deep earth tones, it knows exactly when to step back.

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
5.15:1AAAAA Large

On Gray 100 #f5f5f5

Aa
4.72:1AAAAA Large

On Gray 900 #18181b

Aa
3.44:1FailAA Large

On Black #000000

Aa
4.08:1FailAA Large

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

#756f6b
#746a5e
#6b6d6a
#7c6d61
#6a6b65
#7d685b

Create a gradient with Acoustic Brown

Open the generator with this color pre-loaded.

Start creating