Back to palettes

Palette

Stone Hearth Whispers

Comforting warm greys and muted browns, like ancient stones around a crackling hearth.

neutralcalm5 colors
More neutral palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Stone Hearth Whispers 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 Stone Hearth Whispers.

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

Data visualization

#38322e#5e544b#8b7e71#bba799#edd3c0

Palette guide

How to use Stone Hearth Whispers

Overview

The Stone Hearth Whispers palette offers comforting warm greys and muted browns, reminiscent of ancient stones around a crackling hearth. This collection spans from the deep, grounding #38322e and #5e544b, through the balanced #8b7e71 and #bba799, to the soft, inviting #edd3c0. Designers and developers can leverage these serene, earthy tones to create digital and physical environments that feel calm, sophisticated, and deeply comforting. It's an excellent choice for projects requiring a sense of heritage, natural warmth, and understated elegance, perfect for artisanal products, home living brands, or contemplative interfaces.

Best used for

  • Heritage brand identity
  • Cozy home interior design
  • Artisanal craft websites
  • Mindfulness and wellness apps
  • Luxury goods marketing
  • Editorial content with a natural feel

Suggested color roles

primary

#5e544b - A rich, warm grey-brown, ideal for main content areas or headers, providing a grounding and sophisticated presence.

secondary

#8b7e71 - A lighter, inviting warm grey, suitable for subheadings, secondary buttons, or subtle background variations in UI elements.

accent

#38322e - The deepest, darkest shade, perfect for strong calls to action, important icons, or to define borders with a sense of antique elegance.

background

#edd3c0 - A very light, creamy beige-brown that creates a soft, warm, and expansive canvas for content, evoking a gentle glow.

text

#38322e - This deep, almost black-brown offers exceptional contrast against #edd3c0 or #bba799, ensuring optimal readability for all text elements.

Accessibility notes

  • Ensure text in #8b7e71 has sufficient contrast against #edd3c0 for readability, especially for body text; test against WCAG AA.
  • The darkest shade, #38322e, is essential for all primary text to ensure maximum readability on lighter backgrounds.
  • Avoid using #edd3c0 or #bba799 for text unless it's very large display text on a dark background, which is not typical for this palette.
  • For interactive elements, provide clear visual feedback like bolding or underlines, especially when using mid-tones.

Recommended combinations

Hearth Glow

Creates a soft, warm background with gentle layering for content cards or subtle transitions.

#EDD3C0 · #BBA799 · #8B7E71

Deep Roots

Excellent for defining sections, with #38322e providing strong text on a #edd3c0 background, framed by #5e544b.

#5E544B · #38322E · #EDD3C0

Muted Contrast

Ideal for secondary UI elements like tags or badges, offering subtle contrast and warmth.

#8B7E71 · #BBA799 · #5E544B

CSS variables

:root {
  --stone-hearth-whispers-1: #38322e;
  --stone-hearth-whispers-2: #5e544b;
  --stone-hearth-whispers-3: #8b7e71;
  --stone-hearth-whispers-4: #bba799;
  --stone-hearth-whispers-5: #edd3c0;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "stone-hearth-whispers": {
        1: "#38322e",
        2: "#5e544b",
        3: "#8b7e71",
        4: "#bba799",
        5: "#edd3c0",
      }
    }
  }
}

Related searches

warm grey brown paletteancient stone hearth colorscomforting earthy tonesmuted neutral designcalm brown grey scheme

Palette colors

Hex values

Color 1#38322e
·
Color 2#5e544b
·
Color 3#8b7e71
·
Color 4#bba799
·
Color 5#edd3c0
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.7:1Fail
3.2:1AA18
5.5:1AA
8.8:1AAA
2
1.7:1Fail
1.9:1Fail
3.2:1AA18
5.2:1AA
3
3.2:1AA18
1.9:1Fail
1.7:1Fail
2.8:1Fail
4
5.5:1AA
3.2:1AA18
1.7:1Fail
1.6:1Fail
5
8.8:1AAA
5.2:1AA
2.8:1Fail
1.6:1Fail

Similar palettes

More like Stone Hearth Whispers

View all neutral
Coffee Bean Roast
Fireside Retreat Charm
River Stone Mosaic
Seashore Stone Calm
Urban Espresso Blend
Aged Parchment Pages