Buckeye
#674834
Earthy yellow-brown for warm, readable UI panels
About Buckeye
Buckeye sits where warm and earthy actually meet without apology. It's got the red undertone of Coffee, but it doesn't ask for warmth to read as inviting, there's enough gray mixed in to keep it grounded, almost soil-like. The kind of brown that looks intentional without performing. It's lighter than Black Power (which dominates), more saturated than Bison (which knows how to disappear), and it doesn't have Coffee's need to be approachable.
Reach for it in heritage packaging, editorial layouts, product UI where brown needs to feel honest rather than designed. It works as body copy over warm cream, as card backgrounds that hold weight without feeling heavy, as button states in apps and interfaces where you need something that reads as solid. It pairs cleanly with off-whites and warm grays without flattening, and it actually holds up in dark mode contexts better than its dustier cousins.
One thing to know: it's specific about its context. Put it next to cool grays and it'll look like it's fighting. Warm backgrounds? It settles right in.
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.