Weathered Wood
Meet Weathered Wood (#78736E), a complex neutral that finds its strength in subtlety. This shade’s unique blend of gray and brown undertones offers a sophisticated, earthy foundation, providing depth and character that feels both grounded and refined for any design palette.
What color is Weathered Wood?
Weathered Wood (#78736E) is a complex neutral, sitting between a warm gray and a muted brown.
It carries earthy undertones that give it a grounded, organic quality, much like sun-bleached timber.
What is the meaning of the color Weathered Wood (#78736E)?
The color Weathered Wood, #78736E, symbolizes resilience and the quiet dignity of aging. It suggests a history and authenticity, much like old timber that has stood against the elements.
For designers, it provides a grounding, earthy foundation. The color evokes a sense of comfort and reliability, representing enduring quality and a connection to the natural world.
How can I use Weathered Wood (#78736E) in my UI design?
In UI design, Weathered Wood works beautifully as a sophisticated neutral foundation. Pair it with soft creams and off-whites for a minimalist aesthetic, or create a striking contrast with deep navy blues and forest greens. Its organic feel lends itself to biophilic design, grounding a digital product with a sense of calm and stability.
Colors similar to #78736E are not commonly used by major brands, though you can spot comparable earthy tones in the interfaces of apps like Yik Yak and Zero. This presents a great opportunity for designers to create a unique visual identity that stands apart from the typical corporate palette.
Explore our tools below to experiment with curated palettes, test color contrast for accessibility, and preview how Weathered Wood appears in the UI components of leading brands.
Using Weathered Wood color codes
Applying Weathered Wood in your work is straightforward with its hex code, #78736E. This six-digit code is a universal language for color in web design and digital applications, allowing you to specify this exact shade in CSS or your favorite design tool with precision.
Beyond the web, you might need to represent Weathered Wood in other color models. A hex code can be translated into formats like RGB for screen-based projects or CMYK for print materials. Each model describes the color differently—RGB as a mix of light, and CMYK as a combination of inks—to guarantee consistency across digital and physical media.
To help you get started, we’ve converted the hex code #78736E for Weathered Wood into several popular color formats. You can find and copy the exact values you need for your project below.
Analogous
Analogous colors are found next to Weathered Wood on the color wheel. This combination creates a harmonious and serene palette, ideal for tranquil designs.
Complementary
Complementary colors are found opposite Weathered Wood on the color wheel. This opposition creates a high-contrast pairing, making each color appear more vivid.
Split Complementary
Split complementary colors offer a more sophisticated palette by pairing Weathered Wood with the two colors neighboring its direct complement on the color wheel.
Triadic
A triadic color scheme for Weathered Wood involves two other colors, all equally spaced on the color wheel, creating a vibrant, high-contrast palette.
Tetradic
Tetradic schemes pair Weathered Wood with three other colors, creating a rich, four-color palette from two sets of complementary hues on the wheel.
Square
A square color scheme creates a rich, high-contrast palette by pairing Weathered Wood with three other colors evenly spaced around the wheel.
Text Color
Background Color
Your Catchy Large Text Goes Here
Shades
Shades are darker versions of Weathered Wood, made by adding black for depth and weight.
Tints
Tints are lighter variations of Weathered Wood, created by adding white for a softer feel.
Tones
Tones of Weathered Wood are muted versions created by adding gray, which softens its saturation.
Hues
Hues are variations of Weathered Wood, differing in intensity or temperature to create distinct moods.
Never run out of inspiration again.
Use Mobbin for free as long as you like or get full access with any of our paid plans.




























































































































