Major Brown
#61574e
Warmer brown-leaning gray for grounded, muted depth
About Major Brown
Major Brown looks like a warm-gray you'd find in a notebook margin that's been handled for years, not a fresh coat. On screen it reads more brown than the other Grays around it, with a steadier, slightly muted warmth that never goes cool at the edges.
Compared to Metropolis, it gives you more brown warmth instead of that faint cool, city-dusk restraint. Compared to Caveman, it's less "lived-in middle," and more deliberate: it holds its softness without drifting toward taupe-brown haze. And against Heavy Charcoal, it stays lighter and friendlier, so it anchors without disappearing.
I reach for it in docs, admin panels, and commerce back offices where you need clear hierarchy but don't want the UI to feel cold. It also works well behind muted editorial photography and product detail pages, especially when your accents lean toward ochre, terracotta, or softened blues. Pair it with off-white text or warm charcoals, and it'll keep the layout grounded without getting heavy.
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.