Oak Barrel
#715636
Deep oak brown with muted earthy warmth
About Oak Barrel
Oak Barrel looks like the brown you'd pull from a stained wood sample under a warm lamp: not as deep as Cold Brew Coffee, not as softened and inviting as Baby Bear, and not as shadow-tilted as Chocolate Rain. It sits in between, but it stays cleaner and more deliberate, with a steady amber undertone that reads woody instead of austere.
For UI work, I like it where you need structure that still feels human: editorial sidebars, dark mode product dashboards, and coffee shop interfaces where labels, section dividers, and quiet button states have to stay legible without shouting. It also holds up in packaging and menu typography, where too-cool browns get flat fast. Compared to Cold Brew, Oak Barrel has more warmth and less grit; compared to Baby Bear, it keeps its backbone; compared to Chocolate Rain, it feels less underlit and more consistently "painted on."
Pair it with cream, oat, and other warm neutrals, and it won't fight your imagery. Push it next to icy grays and it may start to look tired.
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.
