Decreasing Brown
#987654
Muted, cooler brown anchor for restrained yellow palettes
About Decreasing Brown
On my screen, Decreasing Brown feels like a coffee filter that's gone a shade darker and cleaner. It's brown-forward without drifting into the heft of the deeper pecan tones, and it doesn't get as washed-out as the lighter café tints. The undertone reads warm and earthy, but with less honeyed sweetness than Caramelised Pecan, and less airy softness than Gazelle.
I reach for it in dashboards and hospitality UIs where you need a grounded brown that still reads as a UI color, not a background stain. Use it for card headers, status chips, and navigation accents in food and beverage menus, booking flows, and editorial section bands. Compared to Café au Lait, it holds more weight and a tighter saturation so hierarchy stays legible.
Quirk: set it beside cream or warm grays and it looks confident fast. Against cooler neutrals it can feel a bit assertive, so test your type contrast before you lock it in for full panels.
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.