Caramelised Pecan

#a17b4d

Amber-brown warmth with nutty depth, warmer than Café au Lait

Save
Share

About Caramelised Pecan

Caramelised Pecan lands darker and more saturated than Café au Lait, with a grip that doesn't quite have. It's warm, sure, but there's a bite to it, the kind of brown that reads intentional on first glance instead of settling into the background. Less muted than wants to be, this one's got actual depth without feeling like it's trying too hard.

Reach for it in food and beverage interfaces, hospitality dashboards, and editorial layouts where you need a warm anchor that won't disappear into cream or off-white backgrounds. It works as a button state, a card container, a sidebar, anywhere you want brown that actually has presence without the heaviness of darker earth tones. Against warm white it reads clear. Against cooler neutrals it'll push the temperature noticeably, which is exactly the point.

The real difference from its neighbors: it's more muscular than approachable. Test it at scale before committing to full-bleed applications. Pair it tight with warm grays and it settles fine, but don't bury your type without contrast testing first.

Gradient preview

See how this color looks in an animated mesh gradient.

Conversions

Click any value to copy.

Need this programmatically? Color API

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

Aa
3.85:1FailAA Large

On Gray 100 #f5f5f5

Aa
3.53:1FailAA Large

On Gray 900 #18181b

Aa
4.60:1AAAAA Large

On Black #000000

Aa
5.46:1AAAAA Large

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

Complementary
Analogous
Triadic
Split Complementary
Tetradic

Suggested palettes

Palettes built around this color.

4 colors
3 colors
4 colors
4 colors

Community palettes

Published palettes that include this color.

Similar colors

#9f7d4f
#9e7e53
#a67a45
#9d7651

Create a gradient with Caramelised Pecan

Open the generator with this color pre-loaded.

Start creating