Back to palettes

Palette

Warm Log Hearth

Evokes the comforting warmth and earthy tones of a crackling fire in a cozy wooden cabin.

warmnatural5 colors
More warm palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Warm Log 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 Warm Log Hearth.

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

Data visualization

#8B4513#CD853F#D2B48C#F5DEB3#A0522D

Palette guide

How to use Warm Log Hearth

Overview

The Warm Log Hearth palette offers a comforting array of earthy, rustic tones, perfect for creating inviting and cozy digital spaces. Featuring rich browns like #8B4513 and #A0522D, complemented by warmer ochres and creams such as #CD853F, #D2B48C, and #F5DEB3, this collection evokes the natural beauty of wood and a crackling fire. Designers can leverage these hues to build interfaces that feel grounded, authentic, and deeply welcoming. It's ideal for projects aiming for a sense of tradition, comfort, or natural elegance, providing a warm foundation for any visual design.

Best used for

  • Rustic interior design e-commerce sites
  • Cozy cafe or bakery branding
  • Autumn-themed event promotions
  • Nature-inspired lifestyle blogs
  • Crafts and artisan product showcases
  • Cabin rental or travel booking platforms

Suggested color roles

primary

#8B4513 - A deep, robust log brown, excellent for main navigation, headers, or strong calls to action, establishing a grounded feel.

secondary

#CD853F - A warm, inviting ochre, perfect for subheadings, active states, or secondary informational blocks, adding a touch of warmth.

accent

#A0522D - A slightly richer, reddish-brown, ideal for subtle highlights, interactive elements, or key visual details to draw attention.

background

#F5DEB3 - A soft, creamy beige, providing a light, warm canvas that allows other colors to stand out gently.

text

#8B4513 - A dark, readable brown for body text on light backgrounds, ensuring excellent legibility and maintaining the palette's earthy feel.

Accessibility notes

  • Ensure sufficient contrast when pairing #8B4513 or #A0522D with #F5DEB3 for text, aiming for WCAG AA or AAA.
  • Use #CD853F sparingly for critical text on #F5DEB3 as contrast might be borderline for smaller fonts.
  • Provide clear focus states for interactive elements using a distinct color like #A0522D against #D2B48C.
  • Avoid using lighter shades like #D2B48C as primary text color on #F5DEB3 backgrounds.

Recommended combinations

Hearth Glow

Ideal for hero sections or prominent banners, with #8B4513 for headlines, #CD853F for subtext, and #F5DEB3 as a soft background.

#F5DEB3 · #CD853F · #8B4513

Rustic Charm

Excellent for product cards or content blocks, using #D2B48C as background and #A0522D for titles or buttons.

#D2B48C · #A0522D · #CD853F

Deep Wood

A high-contrast pairing for forms or navigation, where #8B4513 provides strong text or button color against a light background.

#8B4513 · #F5DEB3 · #D2B48C

CSS variables

:root {
  --warm-log-hearth-1: #8B4513;
  --warm-log-hearth-2: #CD853F;
  --warm-log-hearth-3: #D2B48C;
  --warm-log-hearth-4: #F5DEB3;
  --warm-log-hearth-5: #A0522D;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "warm-log-hearth": {
        1: "#8B4513",
        2: "#CD853F",
        3: "#D2B48C",
        4: "#F5DEB3",
        5: "#A0522D",
      }
    }
  }
}

Related searches

rustic color schemesearthy brown palettecozy warm colorsautumn design inspirationwood tone color codes

Palette colors

Hex values

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

Accessibility

Contrast checker

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

Similar palettes

More like Warm Log Hearth

View all warm
Autumn Cider Barrel
Autumn Foliage Crunch
Autumn Harvest Berry
Autumn Hearthside Glow
Autumn Spice Rust
Cabin Hearth