Palette

Whiskey Barrel Aged

Deep, warm browns and amber hues that evoke the rich, complex character of whiskey aged in oak barrels.

earthelegant5 colors

More earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#3A241D#6F4B3A#A87A5B#DDC08E#FFF3DB

Palette guide

How to use Whiskey Barrel Aged

Overview

The Whiskey Barrel Aged palette delivers a classic, elegant spectrum of deep browns and warm creams, capturing the essence of aged oak and fine spirits. Starting with the profound `#3A241D` and progressing through rich `#6F4B3A` and inviting `#A87A5B`, this palette offers incredible depth. The inclusion of the lighter `#DDC08E` and luminous `#FFF3DB` provides ample opportunity for high contrast and sophisticated visual hierarchy. Designers will appreciate its versatility for luxury brands, while developers can implement this scheme for a polished, timeless user experience.

Best used for

High-end luxury brand identities
Elegant publishing and editorial design
Sophisticated interior design visualizations
Warm, inviting e-commerce platforms
Café and restaurant branding
Classic and heritage-focused websites

Suggested color roles

primary

Designate `#3A241D` as the core brand color, providing a strong, elegant foundation for main headings and key elements.

secondary

Apply `#6F4B3A` for supporting content, navigation, or secondary calls-to-action, adding rich depth.

accent

Use `#A87A5B` to highlight important information, interactive elements, or as a warm, inviting textural accent.

background

The lightest shade, `#FFF3DB`, serves as an excellent clean background, offering maximum readability.

text

For optimal legibility on light backgrounds like `#FFF3DB`, use `#3A241D` or `#6F4B3A` for body text. On darker elements, a crisp white text is recommended.

Accessibility notes

Ensure `#3A241D` text on `#FFF3DB` background meets WCAG AAA contrast standards for maximum readability.
Avoid placing `#A87A5B` text directly on `#DDC08E` backgrounds due to insufficient contrast for accessibility.
Use a consistent light text color (e.g., white) for all text placed on darker shades like `#3A241D` and `#6F4B3A`.
Provide clear hover and focus states for interactive elements, ensuring they stand out against the warm brown tones.

Recommended combinations

Elegant Foundation

A high-contrast pairing for luxury: `#3A241D` for structure, `#FFF3DB` for content, and `#A87A5B` for subtle accents.

#3A241D · #FFF3DB · #A87A5B

Rich Harmony

Creates a warm, inviting feel with `6F4B3A` as a background, `DDC08E` for cards, and `3A241D` for strong text.

#6F4B3A · #DDC08E · #3A241D

Soft Accents

Use `#FFF3DB` as a primary background, `#A87A5B` for decorative elements, and `#6F4B3A` for supporting text.

#FFF3DB · #A87A5B · #6F4B3A

CSS variables

:root {
  --whiskey-barrel-aged-1: #3A241D;
  --whiskey-barrel-aged-2: #6F4B3A;
  --whiskey-barrel-aged-3: #A87A5B;
  --whiskey-barrel-aged-4: #DDC08E;
  --whiskey-barrel-aged-5: #FFF3DB;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "whiskey-barrel-aged": {
        1: "#3A241D",
        2: "#6F4B3A",
        3: "#A87A5B",
        4: "#DDC08E",
        5: "#FFF3DB",
      }
    }
  }
}

Hex values

Color 1#3A241D

Color 2#6F4B3A

Color 3#A87A5B

Color 4#DDC08E

Color 5#FFF3DB

Accessibility

Contrast checker

1.9:1Fail

3.9:1AA18

8.3:1AAA

13.2:1AAA

1.9:1Fail

2:1Fail

4.4:1AA18

7:1AA

3.9:1AA18

2:1Fail

2.1:1Fail

3.4:1AA18

8.3:1AAA

4.4:1AA18

2.1:1Fail

1.6:1Fail

13.2:1AAA

7:1AA

3.4:1AA18

1.6:1Fail

Similar palettes

More like Whiskey Barrel Aged

View all earth

Aged Copper Patina

Golden Teak Deck

Medieval Tapestry Weave

Ambergris Dream

Ancient Desert Fresco

Ancient Stacks