Back to palettes

Palette

Spiced Rum Barrel

Rich, deep browns and warm undertones, like the seasoned wood of an aged spiced rum barrel.

EarthDark5 colors
More Earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Spiced Rum Barrel 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 Spiced Rum Barrel.

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

Data visualization

#4E342E#5D4037#6D4C41#795548#8D6E63

Palette guide

How to use Spiced Rum Barrel

Overview

The Spiced Rum Barrel color palette evokes a sense of deep warmth, luxury, and aged sophistication. Featuring rich, earthy browns like #4E342E and #5D4037, this collection is perfect for projects requiring a mature and inviting aesthetic. Designers will appreciate the cohesive, low-contrast harmony that lends itself to subtle branding and elegant interfaces. Developers can implement these shades to create immersive digital environments, where colors such as #6D4C41 and #795548 provide depth without harsh transitions. The lightest tone, #8D6E63, offers just enough variation for highlighting or subtle distinctions, ensuring a distinguished and timeless user experience.

Best used for

  • Luxury brand websites (e.g., high-end spirits, leather goods)
  • Cozy café or lounge interior design concepts
  • Vintage-inspired digital portfolios or blogs
  • E-commerce for artisanal products or handcrafted items
  • Branding for distilleries, breweries, or wineries
  • Dark mode UI themes for sophisticated applications

Suggested color roles

primary

#4E342E - The foundation for deep, rich backgrounds or dominant brand elements, conveying stability and depth.

secondary

#5D4037 - Ideal for complementary sections, headers, or large content blocks, maintaining the palette's warm, earthy feel.

accent

#8D6E63 - Use sparingly for subtle highlights, interactive elements like buttons, or small details where a gentle contrast is desired.

background

#6D4C41 - Provides a warm, inviting backdrop for main content areas, creating a cozy and luxurious user experience.

text

For optimal readability, use light text colors like off-white or cream (#F5F5DC) against these dark, warm browns. Avoid dark text.

Accessibility notes

  • Ensure sufficient contrast when pairing any two colors from this palette, especially for text and interactive elements.
  • For text, always use a very light color (e.g., white or #F0F0F0) on any of these background shades to meet WCAG AA standards.
  • The low inherent contrast between palette colors means visual hierarchy might rely more on size, spacing, or iconography rather than color difference alone.
  • Provide alternative text or visual cues for users who may have difficulty distinguishing between the subtle variations of these browns.

Recommended combinations

Deep Earth

Excellent for creating a gradient effect in backgrounds or layered UI elements, offering subtle depth.

#4E342E · #6D4C41 · #8D6E63

Warm Tones

Perfect for a cohesive card design or a section with clear content hierarchy, providing warmth and readability with light text.

#5D4037 · #795548 · #8D6E63

Rich Contrast

Use the darkest for backgrounds, the mid-tone for secondary elements, and the lightest for accents or highlights.

#4E342E · #795548 · #8D6E63

CSS variables

:root {
  --spiced-rum-barrel-2-1: #4E342E;
  --spiced-rum-barrel-2-2: #5D4037;
  --spiced-rum-barrel-2-3: #6D4C41;
  --spiced-rum-barrel-2-4: #795548;
  --spiced-rum-barrel-2-5: #8D6E63;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "spiced-rum-barrel-2": {
        1: "#4E342E",
        2: "#5D4037",
        3: "#6D4C41",
        4: "#795548",
        5: "#8D6E63",
      }
    }
  }
}

Related searches

warm brown color schemedark earth tone paletteaged wood color combinationsluxury brown hex codesspiced tones for design

Palette colors

Hex values

Color 1#4E342E
·
Color 2#5D4037
·
Color 3#6D4C41
·
Color 4#795548
·
Color 5#8D6E63
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.2:1Fail
1.5:1Fail
1.7:1Fail
2.4:1Fail
2
1.2:1Fail
1.2:1Fail
1.4:1Fail
2:1Fail
3
1.5:1Fail
1.2:1Fail
1.2:1Fail
1.6:1Fail
4
1.7:1Fail
1.4:1Fail
1.2:1Fail
1.4:1Fail
5
2.4:1Fail
2:1Fail
1.6:1Fail
1.4:1Fail

Similar palettes

More like Spiced Rum Barrel

View all Earth
Gingerbread Spice Mill
Moroccan Spice Market
Rustic Cabin Cozy
Spiced Earth Harvest
Aged Bronze Patina
Aged Cartographer Hues