Back to palettes

Palette

Whiskey Barrel Char

Rich, smoky browns and deep mahogany reds, capturing the complex notes of aged whiskey wood.

darkretro5 colors
More dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Whiskey Barrel Char 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 Whiskey Barrel Char.

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

Data visualization

#654321#8B4513#A0522D#B22222#D2B48C

Palette guide

How to use Whiskey Barrel Char

Overview

The Whiskey Barrel Char palette captures the intense, smoky character of aged whiskey barrels, blending deep, rustic browns with a striking, fiery red. Anchored by the robust `#654321` and the classic `#8B4513`, it exudes a sense of history and strength. The presence of `#A0522D` adds a warmer, more inviting brown, while the bold `#B22222` introduces a powerful accent, reminiscent of charred wood. The lighter `#D2B48C` provides necessary balance for contrast. This palette is ideal for designers and developers seeking a retro, robust, and memorable aesthetic with a touch of fiery intensity.

Best used for

  • Vintage or retro brand identity
  • Bar and restaurant interior design
  • Masculine product packaging
  • Gaming interfaces with a rugged feel
  • Historical or heritage themed websites
  • Craft brewery branding

Suggested color roles

primary

Utilize `#654321` as the foundational color for a strong, charred wood aesthetic in main sections or backgrounds.

secondary

Apply `#8B4513` for supporting content blocks, navigation, or as a rich border color.

accent

Deploy `#B22222` sparingly for high-impact calls-to-action, warnings, or dramatic visual emphasis.

background

Use `#D2B48C` as a light, warm background to provide contrast and readability for darker text.

text

For text on darker shades like `#654321` or `#B22222`, a clean white or light cream text is essential. On `#D2B48C`, `#654321` provides excellent contrast.

Accessibility notes

  • Ensure that text placed on `#B22222` is a light color (e.g., white) to meet WCAG contrast requirements.
  • The contrast between `#A0522D` and `#D2B48C` is good for body text but check for smaller fonts.
  • Avoid placing any brown text directly on `#B22222` as it will likely fail accessibility standards.
  • For interactive elements, clearly differentiate active states with a color that stands out from the muted browns.

Recommended combinations

Charred & Bold

A high-impact combination: `#654321` as base, `#B22222` for bold accents, and `#D2B48C` for clean content areas.

#654321 · #B22222 · #D2B48C

Rustic Warmth

Creates a warm, inviting feel with `#8B4513` as primary, `#A0522D` for secondary, and `#D2B48C` for backgrounds.

#8B4513 · #A0522D · #D2B48C

Deep Contrast

Use `#D2B48C` for a dominant background, `#654321` for strong headlines, and `#8B4513` for supporting text.

#D2B48C · #654321 · #8B4513

CSS variables

:root {
  --whiskey-barrel-char-1: #654321;
  --whiskey-barrel-char-2: #8B4513;
  --whiskey-barrel-char-3: #A0522D;
  --whiskey-barrel-char-4: #B22222;
  --whiskey-barrel-char-5: #D2B48C;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "whiskey-barrel-char": {
        1: "#654321",
        2: "#8B4513",
        3: "#A0522D",
        4: "#B22222",
        5: "#D2B48C",
      }
    }
  }
}

Related searches

charred wood color palettewhiskey barrel red brownretro earthy tonesvintage rustic colorssmoky brown color scheme

Palette colors

Hex values

Color 1#654321
·
Color 2#8B4513
·
Color 3#A0522D
·
Color 4#B22222
·
Color 5#D2B48C
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.2:1Fail
1.6:1Fail
1.3:1Fail
4.5:1AA18
2
1.2:1Fail
1.3:1Fail
1.1:1Fail
3.6:1AA18
3
1.6:1Fail
1.3:1Fail
1.2:1Fail
2.8:1Fail
4
1.3:1Fail
1.1:1Fail
1.2:1Fail
3.4:1AA18
5
4.5:1AA18
3.6:1AA18
2.8:1Fail
3.4:1AA18

Similar palettes

More like Whiskey Barrel Char

View all dark