Palette

Country Hearth Glow

Inviting and earthy tones evoke the cozy warmth of a rustic country hearth.

warmcalm5 colors

More warm palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Country Hearth Glow 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 Country Hearth Glow.

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

Data visualization

#8C3D2E#BD7765#D2A895#F2E4D8#4F4F4F

Palette guide

How to use Country Hearth Glow

Overview

The 'Country Hearth Glow' palette offers inviting and earthy tones that evoke the cozy warmth of a rustic country hearth. This comforting collection features a deep brick red (#8C3D2E), a warm burnt sienna (#BD7765), a soft rosy brown (#D2A895), a creamy off-white (#F2E4D8), and a strong charcoal grey (#4F4F4F). Designers and developers can leverage these hues to create grounded, welcoming, and intimate digital and physical spaces. The palette's blend of warm neutrals and rich browns is ideal for projects aiming to convey heritage, comfort, and a timeless, rustic elegance, ensuring a warm and inviting user experience.

Best used for

Rustic cafe or bakery branding
Farmhouse style interior design blogs
Autumn seasonal marketing materials
Crafts and handmade goods websites
Cozy reading nook digital interfaces
Traditional home decor e-commerce

Suggested color roles

primary

#8C3D2E (Brick Red) - A deep, anchoring primary color, perfect for headers, important calls-to-action, or strong branding.

secondary

#BD7765 (Burnt Sienna) - Offers a warm, inviting complement, ideal for secondary sections, navigation, or accents.

accent

#4F4F4F (Charcoal Grey) - A robust accent for text, icons, or elements needing strong definition and modernity.

background

#F2E4D8 (Creamy Off-White) - A soft, luminous background that allows the richer tones to stand out, excellent for content areas.

text

#D2A895 (Rosy Brown) - Suitable for larger, decorative text. For body text, use #4F4F4F or black on lighter backgrounds for optimal readability.

Accessibility notes

Ensure good contrast when using #D2A895 for text, especially against #F2E4D8.
The dark #4F4F4F provides excellent contrast for text on #F2E4D8 or #D2A895 backgrounds.
For critical information, always use high-contrast pairings, such as #4F4F4F text on #F2E4D8 background.
Consider using #8C3D2E for headings with white or light text for strong visual impact and readability.

Recommended combinations

Hearthside Warmth

Ideal for a cozy website header, autumn-themed promotions, or inviting branding.

#8C3D2E · #BD7765 · #F2E4D8

Rustic Comfort

Great for content blocks, modern farmhouse designs, or text-heavy sections with good contrast.

#D2A895 · #4F4F4F · #BD7765

Earthy Blend

Perfect for strong branding elements, navigation, or a sophisticated rustic aesthetic.

#8C3D2E · #4F4F4F · #F2E4D8

CSS variables

:root {
  --country-hearth-glow-1: #8C3D2E;
  --country-hearth-glow-2: #BD7765;
  --country-hearth-glow-3: #D2A895;
  --country-hearth-glow-4: #F2E4D8;
  --country-hearth-glow-5: #4F4F4F;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "country-hearth-glow": {
        1: "#8C3D2E",
        2: "#BD7765",
        3: "#D2A895",
        4: "#F2E4D8",
        5: "#4F4F4F",
      }
    }
  }
}

Hex values

Color 1#8C3D2E

Color 2#BD7765

Color 3#D2A895

Color 4#F2E4D8

Color 5#4F4F4F

Accessibility

Contrast checker

2.1:1Fail

3.5:1AA18

6:1AA

1.1:1Fail

2.1:1Fail

1.6:1Fail

2.8:1Fail

2.3:1Fail

3.5:1AA18

1.6:1Fail

1.7:1Fail

3.8:1AA18

6:1AA

2.8:1Fail

1.7:1Fail

6.6:1AA

1.1:1Fail

2.3:1Fail

3.8:1AA18

6.6:1AA

Similar palettes

More like Country Hearth Glow

View all warm

Rustic Farmhouse Morn

Fireside Comfort Glow