Back to palettes

Palette

Rustic Fireside Hearth

A deeply comforting palette that echoes the warm glow and earthy tones of a crackling fireplace.

warmcalm5 colors
More warm palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#8B0000#A52A2A#B22222#D2691E#692E0F

Palette guide

How to use Rustic Fireside Hearth

Overview

The Rustic Fireside Hearth palette is a deeply comforting collection that echoes the warm glow and earthy tones of a crackling fireplace. This cohesive scheme centers around rich reds and deep browns, featuring the intense #8B0000, a warm #A52A2A, and the slightly brighter #B22222, all reminiscent of burning embers and flames. A robust #D2691E introduces a touch of fiery orange, while the very dark #692E0F provides a grounding, smoky depth. This palette is ideal for designers aiming to create an atmosphere of warmth, tradition, and robust comfort in any digital or physical design project.

Best used for

  • Branding for cozy pubs or winter retreats
  • Web design for storytelling or historical content
  • Interior decor for a rustic den or library
  • Packaging for dark roast coffee or artisanal chocolates
  • Digital art depicting traditional, warm scenes
  • Marketing materials for comfort-focused products

Suggested color roles

primary

Use #A52A2A (Earthy Red) for prominent headers, main navigation, or key interactive elements to create a strong, warm focal point.

secondary

Employ #B22222 (Brick Red) for subheadings, important highlights, or decorative accents, offering a slightly brighter, yet cohesive, warmth.

accent

Apply #D2691E (Burnt Orange) sparingly for icons, small call-to-action buttons, or subtle design flourishes to introduce a vibrant, fiery touch.

background

Utilize #692E0F (Dark Brown) for large background areas or content cards, providing a deep, grounding base that enhances the warm reds.

text

Recommended for body text on the dark #692E0F background, #D2691E (Burnt Orange) ensures good readability and maintains the palette's warmth. For lighter backgrounds (if introduced), use #692E0F.

Accessibility notes

  • Ensure #D2691E text on #692E0F background meets WCAG AA contrast standards.
  • Most colors in this palette are dark; pairing them for text/background will require careful contrast checking.
  • For lighter text on dark backgrounds, use a bright white or very light cream for readability.
  • Avoid using #8B0000, #A52A2A, or #B22222 as text on #692E0F without rigorous contrast testing.

Recommended combinations

Deep Hearth Base

Creates a rich, dark background with warm red layers, ideal for impactful headings or content blocks.

#692E0F · #A52A2A · #B22222

Fiery Accents

Combines the main red with brighter orange and deeper red for dynamic highlights and calls to action.

#A52A2A · #D2691E · #8B0000

Rustic Depth

A strong, deep combination perfect for branding, providing a sense of tradition and robust character.

#692E0F · #8B0000 · #A52A2A

CSS variables

:root {
  --rustic-fireside-hearth-1: #8B0000;
  --rustic-fireside-hearth-2: #A52A2A;
  --rustic-fireside-hearth-3: #B22222;
  --rustic-fireside-hearth-4: #D2691E;
  --rustic-fireside-hearth-5: #692E0F;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "rustic-fireside-hearth": {
        1: "#8B0000",
        2: "#A52A2A",
        3: "#B22222",
        4: "#D2691E",
        5: "#692E0F",
      }
    }
  }
}

Related searches

fireside color paletterustic red brown schemecozy hearth colorswarm traditional palettedeep comfort colors

Palette colors

Hex values

Color 1#8B0000
·
Color 2#A52A2A
·
Color 3#B22222
·
Color 4#D2691E
·
Color 5#692E0F
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.4:1Fail
1.5:1Fail
2.8:1Fail
1:1Fail
2
1.4:1Fail
1.1:1Fail
1.9:1Fail
1.5:1Fail
3
1.5:1Fail
1.1:1Fail
1.8:1Fail
1.6:1Fail
4
2.8:1Fail
1.9:1Fail
1.8:1Fail
2.9:1Fail
5
1:1Fail
1.5:1Fail
1.6:1Fail
2.9:1Fail

Similar palettes

More like Rustic Fireside Hearth

View all warm
Flickering Hearth Fire
Cozy Cabin Hearth
Cozy Cottage Hearth
Ember Hearth Comfort
Fireside Comfort Glow
Amber Hearth Glow