Back to palettes

Palette

Rustic Cabin Hearth

Earthy browns and amber tones, perfect for a warm and inviting cabin interior.

warmnatural5 colors
More warm palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Rustic Cabin Hearth 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 Rustic Cabin Hearth.

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

Data visualization

#8B4513#B87333#D2B48C#F5DEB3#A0522D

Palette guide

How to use Rustic Cabin Hearth

Overview

The "Rustic Cabin Hearth" palette presents a vibrant collection of warm, earthy tones, perfect for capturing the essence of a sunlit, inviting cabin. It features the rich, burnt orange of #8B4513, complemented by the inviting amber of #B87333 and the deeper, grounding #A0522D. Lighter hues like the sandy beige of #D2B48C and the soft cream of #F5DEB3 provide excellent contrast and a sense of airiness. Designers can utilize this palette to craft projects that exude warmth, comfort, and a touch of rustic elegance. Developers will appreciate the distinct yet harmonious range of hex codes for creating engaging, nature-inspired user interfaces, ensuring a consistent visual language across various applications.

Best used for

  • Autumn-themed marketing campaigns
  • Branding for artisanal bakeries or breweries
  • Websites for eco-friendly products or outdoor gear
  • Cozy cafe interior design concepts
  • Digital illustrations with a natural, warm aesthetic
  • Product packaging for gourmet food items

Suggested color roles

primary

Use #8B4513 as a dominant color for impactful headlines or main call-to-action buttons, conveying warmth and energy.

secondary

Apply #B87333 for supporting content blocks, secondary navigation, or decorative elements, offering a softer, inviting tone.

accent

Introduce #A0522D for highlights, key interactive states, or subtle design details to add a grounding, sophisticated touch.

background

Employ #F5DEB3 for main content areas or page backgrounds to create a bright, clean, and welcoming canvas.

text

For optimal readability, use #8B4513 or a deep brown/charcoal on lighter backgrounds like #F5DEB3 or #D2B48C.

Accessibility notes

  • Ensure #8B4513 or #A0522D text on #F5DEB3 background meets WCAG AA contrast standards.
  • Avoid using #D2B48C text on #F5DEB3, as their proximity in lightness will hinder readability.
  • Use distinct colors like #A0522D for interactive elements to ensure they are easily identifiable.
  • Consider larger font sizes for lighter text colors like #D2B48C when used on slightly darker backgrounds.

Recommended combinations

Hearth Glow

Excellent for warm, inviting headers and primary content, with the lightest for backgrounds.

#8B4513 · #B87333 · #F5DEB3

Earthy Depth

Ideal for creating depth in illustrations or layered UI elements with a natural feel.

#A0522D · #D2B48C · #B87333

Rustic Comfort

A strong, balanced trio for main branding, providing clear hierarchy and a cozy aesthetic.

#8B4513 · #A0522D · #F5DEB3

CSS variables

:root {
  --rustic-cabin-hearth-3-1: #8B4513;
  --rustic-cabin-hearth-3-2: #B87333;
  --rustic-cabin-hearth-3-3: #D2B48C;
  --rustic-cabin-hearth-3-4: #F5DEB3;
  --rustic-cabin-hearth-3-5: #A0522D;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "rustic-cabin-hearth-3": {
        1: "#8B4513",
        2: "#B87333",
        3: "#D2B48C",
        4: "#F5DEB3",
        5: "#A0522D",
      }
    }
  }
}

Related searches

warm earth tone palettecabin interior colorsautumn color schemescozy rustic designnatural wood tones

Palette colors

Hex values

Color 1#8B4513
·
Color 2#B87333
·
Color 3#D2B48C
·
Color 4#F5DEB3
·
Color 5#A0522D
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.9:1Fail
3.6:1AA18
5.4:1AA
1.3:1Fail
2
1.9:1Fail
1.9:1Fail
2.9:1Fail
1.5:1Fail
3
3.6:1AA18
1.9:1Fail
1.5:1Fail
2.8:1Fail
4
5.4:1AA
2.9:1Fail
1.5:1Fail
4.3:1AA18
5
1.3:1Fail
1.5:1Fail
2.8:1Fail
4.3:1AA18

Similar palettes

More like Rustic Cabin Hearth

View all warm
Timber Cabin Warmth
Cabin Hearth
Artisan Loaf Hearth
Autumn Harvest Berry
Autumn Hearthside Glow
Cozy Cabin Hearth