Back to palettes

Palette

Smoky Tavern Night

Deep, muted browns and grays, capturing the warm, inviting, yet subtly mysterious atmosphere of an old tavern at night.

darkdark5 colors
More dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Smoky Tavern Night reads on buttons, badges, and alerts before you commit.

This alert border and accent use the palette's detail color.

Marketing banner

Launch

Built with Smoky Tavern Night.

A bolder treatment that stretches the primary and secondary colors across a full gradient banner.

Data visualization

#3A2F2B#5E4C46#806A62#A08E86#C0B2AE

Palette guide

How to use Smoky Tavern Night

Overview

The Smoky Tavern Night palette evokes the warm, inviting, yet subtly mysterious atmosphere of an old tavern after dark. This rich collection features deep, muted browns and grays, starting with a profound #3A2F2B and moving through warm, earthy tones like #5E4C46 and #806A62. Lighter, inviting shades such as #A08E86 and #C0B2AE complete the spectrum, offering a sense of vintage charm and cozy sophistication. Ideal for designs seeking a comforting, nostalgic, and elegant mood, this palette is perfect for hospitality branding, storytelling websites, or luxury product packaging. Designers and developers can leverage these hex codes to create immersive and memorable visual experiences.

Best used for

  • Vintage-inspired branding and logos
  • Hospitality industry (bars, cafes, hotels)
  • Storytelling websites and blogs
  • Luxury lifestyle product packaging
  • Interior design for cozy spaces
  • Themed event invitations

Suggested color roles

primary

Utilize #5E4C46 as a rich primary color for main content areas, setting a warm and inviting tone.

secondary

Apply #806A62 for secondary information, background elements, or subtle accents, maintaining a cohesive vintage feel.

accent

Employ #3A2F2B sparingly for strong headings, call-to-action buttons, or critical icons, providing deep contrast and elegance.

background

Use #C0B2AE as a soft, muted background, ideal for creating an inviting and comfortable canvas for content.

text

For primary body text on #C0B2AE, #3A2F2B ensures excellent readability. For text on #A08E86, a darker brown like #5E4C46 provides good contrast.

Accessibility notes

  • Ensure #3A2F2B text on #C0B2AE background meets WCAG AA contrast standards, especially for small text.
  • Be cautious when pairing #A08E86 or #806A62 for text on #C0B2AE, as contrast may be insufficient.
  • For interactive elements, provide clear visual cues like outlines or hover states, not relying solely on subtle color shifts.
  • Avoid using light text colors on dark backgrounds without sufficient contrast, particularly for critical information.

Recommended combinations

Cozy Warmth

Creates an inviting, soft, and slightly vintage base for web pages, blogs, or background textures.

#C0B2AE · #A08E86 · #806A62

Deep & Rich

Effective for strong text hierarchy and prominent calls-to-action on a light, muted background.

#C0B2AE · #3A2F2B · #5E4C46

Vintage Depth

Ideal for adding sophisticated depth to headers, footers, or UI elements, evoking a classic, moody atmosphere.

#5E4C46 · #3A2F2B · #806A62

CSS variables

:root {
  --smoky-tavern-night-1: #3A2F2B;
  --smoky-tavern-night-2: #5E4C46;
  --smoky-tavern-night-3: #806A62;
  --smoky-tavern-night-4: #A08E86;
  --smoky-tavern-night-5: #C0B2AE;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "smoky-tavern-night": {
        1: "#3A2F2B",
        2: "#5E4C46",
        3: "#806A62",
        4: "#A08E86",
        5: "#C0B2AE",
      }
    }
  }
}

Related searches

warm dark brown palettecozy vintage colorstavern night color schemesophisticated smoky tonesnostalgic earthy design

Palette colors

Hex values

Color 1#3A2F2B
·
Color 2#5E4C46
·
Color 3#806A62
·
Color 4#A08E86
·
Color 5#C0B2AE
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.6:1Fail
2.6:1Fail
4.1:1AA18
6.3:1AA
2
1.6:1Fail
1.6:1Fail
2.6:1Fail
3.9:1AA18
3
2.6:1Fail
1.6:1Fail
1.6:1Fail
2.5:1Fail
4
4.1:1AA18
2.6:1Fail
1.6:1Fail
1.5:1Fail
5
6.3:1AA
3.9:1AA18
2.5:1Fail
1.5:1Fail

Similar palettes

More like Smoky Tavern Night

View all dark
Ancient Tome Hues
Dark Moody Coffee
Espresso Roast Dark
Leather Bound Secrets
Midnight Espresso Brew
Scholar's Loft Shadows