Palette

Whiskey Barrel Rustic

Rich, deep browns and amber tones reminiscent of aged oak whiskey barrels and vintage craftsmanship.

warmretro5 colors

More warm palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#3D2C22#6F4A2C#A77443#D7A66C#F4D59E

Palette guide

How to use Whiskey Barrel Rustic

Overview

The Whiskey Barrel Rustic palette offers a beautifully aged gradient of warm browns and inviting ambers, reminiscent of well-worn oak and vintage craftsmanship. From the deep, grounding `#3D2C22` through the rich `#6F4A2C` and `#A77443`, this palette builds warmth and character. The lighter `#D7A66C` and luminous `#F4D59E` provide excellent contrast and a soft, airy finish. This scheme is highly versatile for designers and developers aiming to create a vintage, heritage, or cozy aesthetic, offering a natural flow from dark to light for effective visual hierarchy and a sophisticated user experience.

Best used for

Vintage brand identities and logos
Traditional home decor and furniture design
Artisanal food and beverage packaging
Cozy and inviting digital interfaces
Heritage craft websites and blogs
Photography with a warm, nostalgic filter

Suggested color roles

primary

Utilize `#3D2C22` as the foundational color for main structural elements, conveying stability and depth.

secondary

Employ `#6F4A2C` for supporting content blocks, navigation, or as a rich background for textural elements.

accent

Apply `#A77443` for warm highlights, interactive elements, or to draw attention to key information with an inviting glow.

background

The lightest shade, `#F4D59E`, serves as an excellent soft, warm background, providing optimal readability for darker text.

text

For text on light backgrounds like `#F4D59E`, `#3D2C22` or `#6F4A2C` provides clear legibility. On darker colors, a crisp white or light cream text is recommended.

Accessibility notes

Ensure `#3D2C22` text on `#F4D59E` background meets WCAG AAA contrast standards for body text.
Avoid using `#A77443` as text on `#D7A66C` for smaller fonts, as contrast might be insufficient.
All text on `#3D2C22` or `#6F4A2C` should be a light color (e.g., white) for optimal readability.
Provide clear focus indicators for interactive elements that stand out from the warm brown gradient.

Recommended combinations

Rustic Core

A high-contrast pairing for vintage elegance: `#3D2C22` for structure, `#F4D59E` for content, and `#A77443` for warm accents.

#3D2C22 · #F4D59E · #A77443

Aged Warmth

Creates a soft, aged feel with `#6F4A2C` as a base, `#D7A66C` for cards, and `#3D2C22` for strong text.

#6F4A2C · #D7A66C · #3D2C22

Soft Gradient

Use `#F4D59E` as a primary background, `#D7A66C` for subtle layers, and `#A77443` for decorative elements.

#F4D59E · #D7A66C · #A77443

CSS variables

:root {
  --whiskey-barrel-rustic-1: #3D2C22;
  --whiskey-barrel-rustic-2: #6F4A2C;
  --whiskey-barrel-rustic-3: #A77443;
  --whiskey-barrel-rustic-4: #D7A66C;
  --whiskey-barrel-rustic-5: #F4D59E;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "whiskey-barrel-rustic": {
        1: "#3D2C22",
        2: "#6F4A2C",
        3: "#A77443",
        4: "#D7A66C",
        5: "#F4D59E",
      }
    }
  }
}

Hex values

Color 1#3D2C22

Color 2#6F4A2C

Color 3#A77443

Color 4#D7A66C

Color 5#F4D59E

Accessibility

Contrast checker

1.7:1Fail

3.3:1AA18

6:1AA

9.4:1AAA

1.7:1Fail

1.9:1Fail

3.6:1AA18

5.5:1AA

3.3:1AA18

1.9:1Fail

1.8:1Fail

2.8:1Fail

6:1AA

3.6:1AA18

1.8:1Fail

1.6:1Fail

9.4:1AAA

5.5:1AA

2.8:1Fail

1.6:1Fail

Similar palettes

More like Whiskey Barrel Rustic

Faded Postcard Memories

Rusty Metal