Back to palettes

Palette

Rustic Cabin Hearth

Rich, warm browns and earthy tones that evoke the comforting ambiance of a cozy rustic cabin hearth.

earthnatural5 colors
More earth 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

#523F36#7A5F4E#A3826C#CBB499#EAD7BF

Palette guide

How to use Rustic Cabin Hearth

Overview

The "Rustic Cabin Hearth" palette offers a sophisticated spectrum of warm, inviting earth tones, perfectly capturing the comfort and warmth of a cozy cabin. It ranges from the deep, grounding brown of #523F36, through the mid-tones of #7A5F4E and #A3826C, to the lighter, airy hues of #CBB499 and the soft, creamy #EAD7BF. This carefully curated collection allows designers to craft experiences that feel both grounded and elegant, evoking a sense of natural comfort and timeless appeal. Developers will find these hex codes ideal for creating seamless, visually appealing user interfaces for applications that aim to convey authenticity, relaxation, and a connection to nature.

Best used for

  • Luxury cabin resort branding
  • High-end furniture or home decor websites
  • Spa and wellness brand identity
  • Digital portfolios for nature photographers
  • E-commerce platforms for artisanal crafts
  • Lifestyle blogs focused on minimalism and natural living

Suggested color roles

primary

Use #523F36 for dominant elements like navigation bars, footers, or large content sections, providing a sense of depth and stability.

secondary

Apply #7A5F4E for subheadings, secondary buttons, or background panels, offering a harmonious mid-tone.

accent

Introduce #A3826C as a subtle accent for interactive elements, highlights, or decorative borders, adding a touch of inviting warmth.

background

Employ #EAD7BF for main content areas or page backgrounds, creating a soft, luminous, and welcoming canvas.

text

For optimal readability, use #523F36 or a deep charcoal on lighter backgrounds like #EAD7BF or #CBB499.

Accessibility notes

  • Ensure #523F36 text on #EAD7BF background meets WCAG AA contrast standards for readability.
  • Avoid using #CBB499 text on #EAD7BF, as their low contrast will make it difficult to read.
  • Use #A3826C for interactive elements, ensuring its contrast with adjacent colors is sufficient.
  • Consider the visual hierarchy created by varying shades, ensuring important information stands out.

Recommended combinations

Grounded Comfort

Excellent for establishing primary branding, with deep brown text on a light, airy background.

#523F36 · #7A5F4E · #EAD7BF

Soft Layering

Ideal for creating subtle depth and harmonious transitions in UI elements or illustrations.

#7A5F4E · #A3826C · #CBB499

Elegant Warmth

A sophisticated combination for headers and key content, providing clear contrast and an inviting feel.

#523F36 · #A3826C · #EAD7BF

CSS variables

:root {
  --rustic-cabin-hearth-1: #523F36;
  --rustic-cabin-hearth-2: #7A5F4E;
  --rustic-cabin-hearth-3: #A3826C;
  --rustic-cabin-hearth-4: #CBB499;
  --rustic-cabin-hearth-5: #EAD7BF;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "rustic-cabin-hearth": {
        1: "#523F36",
        2: "#7A5F4E",
        3: "#A3826C",
        4: "#CBB499",
        5: "#EAD7BF",
      }
    }
  }
}

Related searches

warm brown color palettecozy earth tonesnatural interior design colorsrustic chic paletteneutral wood shades

Palette colors

Hex values

Color 1#523F36
·
Color 2#7A5F4E
·
Color 3#A3826C
·
Color 4#CBB499
·
Color 5#EAD7BF
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.7:1Fail
2.8:1Fail
5:1AA
7.1:1AAA
2
1.7:1Fail
1.7:1Fail
2.9:1Fail
4.2:1AA18
3
2.8:1Fail
1.7:1Fail
1.8:1Fail
2.5:1Fail
4
5:1AA
2.9:1Fail
1.8:1Fail
1.4:1Fail
5
7.1:1AAA
4.2:1AA18
2.5:1Fail
1.4:1Fail

Similar palettes

More like Rustic Cabin Hearth

View all earth
Rustic Barn Wood
Rustic Cabin Charm
Rustic Cabin Hideaway
Aged Timber Charm
Aged Wood Stain
Artisan Bread Crust