Pecan
#a67253
Drier pecan brown for warm yellow structure
About Pecan
Pecan always reads like toasted nutmeat on a brown envelope, not like caramel syrup in a jar. It's a mid-light, softly muted yellow-brown that feels warm and grounded without leaning into the deeper, heavier saturation of Brown Sugar.
Compared to Hazel, it stays smoother and more "baked crust" than dusty soil. And unlike Not yet Caramel, it has more body and less syrupy sweetness, so it doesn't fade out as quickly when you expand it across a layout. I reach for Pecan in food and beverage packaging where the background needs to feel pantry-real but not burnt, and in UI as a primary-ish surface for card headers, list backgrounds, and dashboard panels. It also plays well in editorial spreads for section breaks and pull quotes when you want the warm anchor of brown without Copper's metallic confidence.
One quirk: keep it away from very cool grays, or the undertone can look a little flat next to them; it likes warm off-whites and creamy neutrals.
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.