Ash Brown
Grounded and warm vintage organic brown
Ash Brown is a muted, warm orange-brown that leans into a vintage, organic aesthetic. With its grounded and reliable character, this tone works best as a supporting neutral rather than a dominant background. Pair it with soft cream for high legibility, as white text stands out clearly against its density. The hex code for this color is #98623c.
About Ash Brown
Dried clay straight off the potter's wheel
What does ash brown mean?
People often link this muted orange brown with earth, wood, leather, and dried autumn things like fallen leaves and bark. Its medium darkness and restrained saturation make it feel steady and settled, a color that stays in the background without going dull.
Where you see ash brown
- saddle leather
- pine cones
- clay pots
- walnut wood
- cinnamon sticks
- tree bark
What it works for
Use it as a grounded base for earthy palettes, or as an accent alongside creams, muted greens, and warm neutrals.
What colors go with ash brown?
Sage #9caf88The muted green cools the brown's warmth without fighting its earthy character.Cream #fffdd0Cream lightens the deep brown and keeps the whole palette soft and warm.Slate Blue #6a5acdThe cool gray blue gives the warm brown a clear, tasteful counterpoint.Olive #808000Two desaturated earth tones sit side by side with no sharp edges.Dusty Rose #b56f76The soft pink picks up the brown's orange undertone and adds gentle lift.
Questions about Ash Brown
What is the hex code for Ash Brown?
Ash Brown is #98623c. In RGB that is rgb(152, 98, 60), in HSL hsl(25, 43%, 42%) and in CMYK 0%, 36%, 61%, 40%.
How should Ash Brown #98623c be used in interface design?
Use #98623c as a grounding background or text color for interfaces aiming for an organic, artisanal feel. Because it is a dense, muted tone, it provides excellent readability when paired with off-white or cream text rather than harsh, pure white.
Is Ash Brown readable on white or black?
Ash Brown has a 5.06:1 contrast ratio on white and 4.14:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it works for body text and on black it works only for large text (24px, or 18.5px bold). Try other pairs in the contrast checker.