Back to palettes

Palette

Bohemian Earth Hearth

Comforting browns and creams create a warm, inviting feel, like a cozy, natural bohemian dwelling.

earthnatural5 colors
More earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#8B4513#CD853F#D2B48C#EADDCA#FAF0E6

Palette guide

How to use Bohemian Earth Hearth

Overview

The Bohemian Earth Hearth palette offers a comforting blend of browns and creams, creating a warm, inviting feel reminiscent of a cozy, natural dwelling. It features rich #8B4513 (Saddle Brown) and #CD853F (Peru) for depth, complemented by the softer #D2B48C (Tan) and the airy #EADDCA (Light Tan). The delicate #FAF0E6 (Linen) rounds out the palette, providing a truly luminous touch. This collection is ideal for designs aiming for a natural, rustic, and welcoming aesthetic, evoking a sense of grounded comfort and serene warmth. Designers can leverage this palette to create engaging, emotionally resonant experiences, while developers will appreciate its harmonious balance for building interfaces that feel authentic and inviting across various digital platforms.

Best used for

  • Cozy home decor websites
  • Bohemian-inspired cafes or lounges
  • Natural skincare and wellness brands
  • Rustic cabin rental promotions
  • Comfort food recipe blogs
  • Earthy wedding stationery

Suggested color roles

primary

Use #8B4513 for strong, foundational elements like headers, navigation, or important text, providing rich, grounding depth.

secondary

Apply #CD853F for subheadings, accent panels, or calls-to-action, offering a warm and inviting complement.

accent

Utilize #D2B48C as a soft, inviting accent for interactive elements, highlights, or decorative details, maintaining a natural feel.

background

Employ #FAF0E6 as a light, airy background color for pages, cards, or content blocks, ensuring excellent readability and a clean aesthetic.

text

For optimal readability, use a deep brown like #4A3226 or a dark charcoal against lighter shades such as #FAF0E6 or #EADDCA.

Accessibility notes

  • Ensure sufficient contrast when placing dark text (e.g., black) on lighter colors or white text on darker colors like #8B4513.
  • Avoid using #EADDCA or #FAF0E6 for small text against similarly light backgrounds, as it may lack contrast.
  • Pair the darkest color #8B4513 with the lightest #FAF0E6 for maximum contrast in key areas.
  • Always test color combinations for text and interactive elements using accessibility tools to meet WCAG AA standards.

Recommended combinations

Hearth & Home

Excellent for a primary layout, providing a strong, comforting base with light, readable content areas.

#8B4513 · #D2B48C · #FAF0E6

Warm Embrace

Creates a gentle, inviting atmosphere for secondary information or subtle branding elements.

#CD853F · #EADDCA · #FAF0E6

Earthy Glow

Ideal for showcasing rich textures or accentuating elements with a natural, layered warmth.

#8B4513 · #CD853F · #D2B48C

CSS variables

:root {
  --bohemian-earth-hearth-1: #8B4513;
  --bohemian-earth-hearth-2: #CD853F;
  --bohemian-earth-hearth-3: #D2B48C;
  --bohemian-earth-hearth-4: #EADDCA;
  --bohemian-earth-hearth-5: #FAF0E6;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "bohemian-earth-hearth": {
        1: "#8B4513",
        2: "#CD853F",
        3: "#D2B48C",
        4: "#EADDCA",
        5: "#FAF0E6",
      }
    }
  }
}

Related searches

bohemian earthy warmcozy natural paletterustic home colorsearth tone cream schemeinviting comfort palette

Palette colors

Hex values

Color 1#8B4513
·
Color 2#CD853F
·
Color 3#D2B48C
·
Color 4#EADDCA
·
Color 5#FAF0E6
·

Accessibility

Contrast checker

1
2
3
4
5
1
2.4:1Fail
3.6:1AA18
5.3:1AA
6.3:1AA
2
2.4:1Fail
1.5:1Fail
2.2:1Fail
2.7:1Fail
3
3.6:1AA18
1.5:1Fail
1.5:1Fail
1.8:1Fail
4
5.3:1AA
2.2:1Fail
1.5:1Fail
1.2:1Fail
5
6.3:1AA
2.7:1Fail
1.8:1Fail
1.2:1Fail

Similar palettes

More like Bohemian Earth Hearth

View all earth
Bohemian Earth Weave
Adobe Sunset
Artisan Clay Kiln
Artisan Pottery Wheel
Bohemian Desert Art
Bohemian Desert Bloom