Cognac
#d48c46
Warmer, deeper cognac brown with amber lift
About Cognac
Cognac lands somewhere between a leather jacket and a wood stain, it's got actual depth, the kind of brown-orange that doesn't fade into the background but doesn't demand attention either. Unlike Bengal's light-absorbing restraint or Chalet's soft approachability, this one reads warmer and slightly more saturated, which means it has real presence without the aggression of Bourbon Peach. It's a color that sits forward on the screen.
Use it in e-commerce product pages, spirits and hospitality interfaces, and rich editorial layouts where you need something that feels premium but still grounded. It works as a card background for luxury goods, a button state that suggests action without shouting, or a container for photography where you want the image to pop but the frame to matter. Food and beverage platforms especially, it looks at home around wine, chocolate, leather goods. The saturation keeps it from feeling diluted like the lighter tans, but the brown undertone prevents it from reading as purely orange.
Pair it with warm charcoals or deep grays and it opens up nicely. Watch it against cream or beige backgrounds though, there's enough warmth that it can muddy instead of complement. It's the one you reach for when you need something that actually looks like something, not just a neutral container.
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.