Palette

Whiskey Barrel Charm

Deep and comforting, reflecting the rich, aged wood of a whiskey barrel in a cozy setting.

darkelegant5 colors

More dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#3B2519#6A3E26#9C6A4B#C89B7A#2C1D14

Palette guide

How to use Whiskey Barrel Charm

Overview

The Whiskey Barrel Charm palette offers a deeply comforting and cohesive range of dark, rich browns, evoking the cozy warmth of aged wood. From the profound `#2C1D14` to the slightly lighter `#3B2519`, and through the inviting mid-tones of `#6A3E26` and `#9C6A4B`, this palette provides subtle yet impactful variations. The softest shade, `#C89B7A`, offers a gentle contrast for content. Designers and developers will find this scheme excellent for creating elegant, minimalist designs that prioritize warmth, sophistication, and a sense of enduring quality, perfect for luxury or traditional contexts.

Best used for

Cozy café or lounge branding
Traditional interior design schemes
Artisanal product packaging
Minimalist websites with a warm aesthetic
Luxury goods and services
Storytelling platforms with a rich, inviting feel

Suggested color roles

primary

Establish `#2C1D14` as the foundational color for strong, grounding elements like headers and footers.

secondary

Employ `#3B2519` for substantial content blocks or navigation, maintaining depth and cohesion.

accent

Use `#9C6A4B` to bring a subtle warmth and highlight key information or decorative details.

background

The lightest shade, `#C89B7A`, works well as a soft, inviting background for main content areas.

text

On darker backgrounds like `#2C1D14` or `#3B2519`, a crisp white or very light cream text is essential. For `#C89B7A`, `#2C1D14` offers excellent, legible contrast.

Accessibility notes

All text on `#2C1D14` and `#3B2519` should be light (e.g., white) to ensure good readability.
Check contrast ratios carefully when using `#6A3E26` as text on `#C89B7A`, especially for smaller fonts.
Ensure sufficient contrast for interactive elements, particularly when using similar brown tones for different states.
Avoid using `#9C6A4B` as text on `#C89B7A` for body copy, as it may lack sufficient contrast.

Recommended combinations

Deep & Soft

A classic elegant pairing: `#2C1D14` for strong statements, `#C89B7A` for backgrounds, and `#9C6A4B` for accents.

#2C1D14 · #C89B7A · #9C6A4B

Cozy Layers

Creates a layered, comforting effect with `#3B2519` as a base, `#6A3E26` for depth, and `#C89B7A` for contrast.

#3B2519 · #6A3E26 · #C89B7A

Warm Accents

Use `#C89B7A` as a primary background, `#9C6A4B` for highlights, and `#3B2519` for strong text or details.

#C89B7A · #9C6A4B · #3B2519

CSS variables

:root {
  --whiskey-barrel-charm-1: #3B2519;
  --whiskey-barrel-charm-2: #6A3E26;
  --whiskey-barrel-charm-3: #9C6A4B;
  --whiskey-barrel-charm-4: #C89B7A;
  --whiskey-barrel-charm-5: #2C1D14;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "whiskey-barrel-charm": {
        1: "#3B2519",
        2: "#6A3E26",
        3: "#9C6A4B",
        4: "#C89B7A",
        5: "#2C1D14",
      }
    }
  }
}

Hex values

Color 1#3B2519

Color 2#6A3E26

Color 3#9C6A4B

Color 4#C89B7A

Color 5#2C1D14

Accessibility

Contrast checker

1.6:1Fail

3.1:1AA18

5.8:1AA

1.1:1Fail

1.6:1Fail

2:1Fail

3.6:1AA18

1.8:1Fail

3.1:1AA18

2:1Fail

1.8:1Fail

3.5:1AA18

5.8:1AA

3.6:1AA18

1.8:1Fail

6.5:1AA

1.1:1Fail

1.8:1Fail

3.5:1AA18

6.5:1AA

Similar palettes

More like Whiskey Barrel Charm

Whiskey Barrel Charm

See it in context.

Ready when you are.

Built with Whiskey Barrel Charm.

How to use Whiskey Barrel Charm

Overview

Best used for

Suggested color roles

Accessibility notes

Recommended combinations

Deep & Soft

Cozy Layers

Warm Accents

CSS variables

Tailwind config

Related searches

Hex values

Contrast checker

More like Whiskey Barrel Charm