Back to palettes

Palette

Spiced Earth Hearth

A comforting, rustic collection reminiscent of ancient clay pots and hearth fires, warm and inviting.

warmnatural5 colors
More warm palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Spiced Earth 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 Spiced Earth Hearth.

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

Data visualization

#C35811#9F4D3C#6F4E37#D4B499#8B0000

Palette guide

How to use Spiced Earth Hearth

Overview

The Spiced Earth Hearth palette offers a comforting and rustic collection of warm, deep tones, reminiscent of ancient clay and cozy hearth fires. This inviting blend features a vibrant burnt orange `#C35811`, a rich, muted red-brown `#9F4D3C`, and a deep, grounding chocolate brown `#6F4E37`. A softer, warm beige `#D4B499` provides a gentle counterpoint, while a bold, deep red `#8B0000` adds a touch of dramatic warmth. Designers and developers will find this palette excellent for creating cozy, traditional, or autumnal themes, evoking a sense of warmth, comfort, and timeless natural beauty in their projects.

Best used for

  • Cozy Cafe & Bakery Branding
  • Rustic Lodge & Cabin Interiors
  • Autumnal Themed Digital Content
  • Craft Beer or Artisan Food Packaging
  • Traditional Home Goods E-commerce
  • Storytelling Websites with a warm, inviting tone

Suggested color roles

primary

Use `#C35811` as a warm, inviting primary color for calls-to-action or prominent branding elements.

secondary

Employ `#9F4D3C` for supporting sections, subheadings, or visual blocks that need a grounded yet rich tone.

accent

Apply `#8B0000` sparingly for impactful highlights, icons, or to add a touch of dramatic warmth and focus.

background

Utilize `#D4B499` as a light, warm background, providing a soft, comforting base that enhances readability.

text

For body text, the deep brown `#6F4E37` offers excellent readability and reinforces the palette's earthy feel.

Accessibility notes

  • Ensure `#6F4E37` text has sufficient contrast against `#D4B499` backgrounds for optimal readability.
  • Avoid placing lighter colors like `#C35811` or `#9F4D3C` as text on `#D4B499` without checking contrast ratios.
  • The deep red `#8B0000` provides good contrast for text on `#D4B499` but use with care for extensive content.
  • Consider using a near-white text on `#6F4E37` or `#8B0000` for headings or prominent elements.

Recommended combinations

Hearth Glow

Creates a comforting and inviting atmosphere, ideal for main content areas, balancing warmth with readability.

#C35811 · #D4B499 · #6F4E37

Rustic Depth

Excellent for evoking a deep, traditional, and robust feel; perfect for feature blocks or sophisticated branding.

#9F4D3C · #6F4E37 · #8B0000

Spiced Comfort

Offers a harmonious blend for appealing backgrounds or visual elements, providing a soft yet vibrant touch.

#C35811 · #9F4D3C · #D4B499

CSS variables

:root {
  --spiced-earth-hearth-1: #C35811;
  --spiced-earth-hearth-2: #9F4D3C;
  --spiced-earth-hearth-3: #6F4E37;
  --spiced-earth-hearth-4: #D4B499;
  --spiced-earth-hearth-5: #8B0000;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "spiced-earth-hearth": {
        1: "#C35811",
        2: "#9F4D3C",
        3: "#6F4E37",
        4: "#D4B499",
        5: "#8B0000",
      }
    }
  }
}

Related searches

cozy earth tonesrustic autumn palettehearth fire colorswarm brown red schemetraditional spice colors

Palette colors

Hex values

Color 1#C35811
·
Color 2#9F4D3C
·
Color 3#6F4E37
·
Color 4#D4B499
·
Color 5#8B0000
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.3:1Fail
1.7:1Fail
2.3:1Fail
2.3:1Fail
2
1.3:1Fail
1.3:1Fail
3:1Fail
1.7:1Fail
3
1.7:1Fail
1.3:1Fail
3.8:1AA18
1.3:1Fail
4
2.3:1Fail
3:1Fail
3.8:1AA18
5.1:1AA
5
2.3:1Fail
1.7:1Fail
1.3:1Fail
5.1:1AA

Similar palettes

More like Spiced Earth Hearth

View all warm
Autumn Foliage Crunch
Autumn Harvest Berry
Autumn Pumpkin Patch
Autumnal Hearth Glow
Cinnamon Spiced
Ember Grove Sunset