Palette

Whiskey Barrel Oak

The rich, aged tones of a whiskey barrel, full of rustic charm and deep warmth.

warmnatural5 colors

More warm palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#5D3B2E#7B4C3A#9F624C#C7826F#E1A78B

Palette guide

How to use Whiskey Barrel Oak

Overview

The Whiskey Barrel Oak palette (version 2) offers a warm, rustic progression of brown tones, reminiscent of aged timber. Starting with the robust `#5D3B2E` and moving through `#7B4C3A` and `#9F624C`, it captures the natural depth of oak. The lighter shades, `#C7826F` and `#E1A78B`, introduce a gentle, inviting warmth, providing a soft contrast. This palette is highly versatile for designers and developers seeking to evoke a natural, handcrafted, or heritage feel. Its gradient of warmth allows for clear visual hierarchy and appealing user interfaces.

Best used for

Natural product branding and packaging
Rustic event invitations and decor
Cozy digital interfaces and apps
Autumnal or seasonal marketing materials
Heritage craft websites
Interior design mood boards

Suggested color roles

primary

Utilize `#5D3B2E` as the grounding color for main structural elements, conveying strength and depth.

secondary

Employ `#7B4C3A` for supporting content blocks, subheadings, or as a rich background for textured sections.

accent

Introduce `#C7826F` for warm highlights, interactive elements, or to draw attention to key information.

background

The lightest shade, `#E1A78B`, serves as a soft, warm background, providing excellent readability for darker text.

text

For text on light backgrounds like `#E1A78B`, `5D3B2E` or `#7B4C3A` provides clear legibility. On darker colors, a crisp white or light cream text is recommended.

Accessibility notes

Ensure `#5D3B2E` text on `#E1A78B` background meets WCAG AA contrast standards for body text.
Avoid using `#C7826F` as text on `#E1A78B` for smaller fonts, as contrast might be insufficient.
All text on `#5D3B2E` or `#7B4C3A` should be a light color (e.g., white) for optimal readability.
Provide distinct focus states for interactive elements that stand out from the warm, earthy tones.

Recommended combinations

Oak Depth

A strong and warm combination: `#5D3B2E` for anchors, `#E1A78B` for backgrounds, and `#C7826F` for accents.

#5D3B2E · #E1A78B · #C7826F

Rustic Layers

Creates depth and texture with `#7B4C3A` as a base, `#9F624C` for mid-tones, and `#5D3B2E` for strong elements.

#7B4C3A · #9F624C · #5D3B2E

Warm Glow

Use `#E1A78B` as a soft background, `#C7826F` for highlights, and `#7B4C3A` for supporting text or details.

#E1A78B · #C7826F · #7B4C3A

CSS variables

:root {
  --whiskey-barrel-oak-2-1: #5D3B2E;
  --whiskey-barrel-oak-2-2: #7B4C3A;
  --whiskey-barrel-oak-2-3: #9F624C;
  --whiskey-barrel-oak-2-4: #C7826F;
  --whiskey-barrel-oak-2-5: #E1A78B;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "whiskey-barrel-oak-2": {
        1: "#5D3B2E",
        2: "#7B4C3A",
        3: "#9F624C",
        4: "#C7826F",
        5: "#E1A78B",
      }
    }
  }
}

Hex values

Color 1#5D3B2E

Color 2#7B4C3A

Color 3#9F624C

Color 4#C7826F

Color 5#E1A78B

Accessibility

Contrast checker

1.4:1Fail

2:1Fail

3.2:1AA18

4.7:1AA

1.4:1Fail

1.5:1Fail

2.3:1Fail

3.4:1AA18

2:1Fail

1.5:1Fail

1.6:1Fail

2.3:1Fail

3.2:1AA18

2.3:1Fail

1.6:1Fail

1.5:1Fail

4.7:1AA

3.4:1AA18

2.3:1Fail

1.5:1Fail

Similar palettes

More like Whiskey Barrel Oak

Whiskey Barrel Oak

See it in context.

Ready when you are.

Built with Whiskey Barrel Oak.

How to use Whiskey Barrel Oak

Overview

Best used for

Suggested color roles

Accessibility notes

Recommended combinations

Oak Depth

Rustic Layers

Warm Glow

CSS variables

Tailwind config

Related searches

Hex values

Contrast checker

More like Whiskey Barrel Oak