Back to palettes

Palette

Boho Earth Weave

Soft, natural browns and creams mimicking the rustic, comforting texture of a hand-woven bohemian textile.

NeutralNatural5 colors
More Neutral palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Boho Earth Weave 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 Boho Earth Weave.

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

Data visualization

#8D6E63#A1887F#BCAAA4#D7CCC8#EDE7E1

Palette guide

How to use Boho Earth Weave

Overview

The "Boho Earth Weave" palette features soft, natural browns and creams mimicking the rustic, comforting texture of a hand-woven bohemian textile. This inviting gradient moves from the deep #8D6E63 and #A1887F to the lighter #BCAAA4, #D7CCC8, and the palest #EDE7E1. Ideal for designers seeking to convey calmness, natural beauty, and a rustic aesthetic, this palette is versatile for branding, web design, or digital art. It evokes a sense of peacefulness and understated elegance, perfect for projects that celebrate natural materials, relaxed lifestyles, or a timeless, earthy charm, creating a truly serene visual experience. This palette is inherently cozy and grounded.

Best used for

  • Rustic home decor branding
  • Handmade textile e-commerce websites
  • Natural beauty product packaging
  • Lifestyle blogs with an earthy focus
  • Wellness and yoga studio branding
  • Eco-friendly product design

Suggested color roles

primary

Use #8D6E63 as a strong, grounding primary color for headers, footers, or important brand elements, conveying stability.

secondary

Apply #A1887F for subheadings, content blocks, or feature panels, offering warmth and approachability.

accent

Introduce #BCAAA4 for subtle calls-to-action, highlights, or decorative patterns to add a gentle, inviting pop.

background

The light #EDE7E1 serves as an excellent clean background, allowing other colors to pop. #D7CCC8 can be used for softer sections.

text

Pair dark text like charcoal or #8D6E63 on #EDE7E1. For darker backgrounds, use a light cream or white for optimal readability.

Accessibility notes

  • Ensure sufficient contrast when using #BCAAA4 or #D7CCC8 for text, especially on similar value backgrounds; use as accents or for large text.
  • The dark #8D6E63 provides excellent contrast for light text, making it a reliable choice for readability.
  • Avoid using #A1887F for small text on #BCAAA4 due to potential low contrast; use for larger headings.
  • Always test text and interactive elements with WCAG contrast checkers to ensure accessibility for all users.

Recommended combinations

Earthy Gradient

Ideal for creating visually appealing hero sections, banners, or gradient backgrounds that transition smoothly.

#8D6E63 · #A1887F · #BCAAA4

Woven Canvas

Perfect for clean, inviting content areas, product displays, or blog layouts, offering warmth and clarity.

#EDE7E1 · #D7CCC8 · #8D6E63

Natural Texture

Effective for creating background patterns, subtle branding elements, or visual depth in a natural design.

#A1887F · #BCAAA4 · #D7CCC8

CSS variables

:root {
  --boho-earth-weave-3-1: #8D6E63;
  --boho-earth-weave-3-2: #A1887F;
  --boho-earth-weave-3-3: #BCAAA4;
  --boho-earth-weave-3-4: #D7CCC8;
  --boho-earth-weave-3-5: #EDE7E1;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "boho-earth-weave-3": {
        1: "#8D6E63",
        2: "#A1887F",
        3: "#BCAAA4",
        4: "#D7CCC8",
        5: "#EDE7E1",
      }
    }
  }
}

Related searches

boho earthy neutral palettehand-woven texture colorsrustic cream schemenatural warm huesbohemian cozy palette

Palette colors

Hex values

Color 1#8D6E63
·
Color 2#A1887F
·
Color 3#BCAAA4
·
Color 4#D7CCC8
·
Color 5#EDE7E1
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.4:1Fail
2.1:1Fail
2.9:1Fail
3.8:1AA18
2
1.4:1Fail
1.5:1Fail
2.1:1Fail
2.7:1Fail
3
2.1:1Fail
1.5:1Fail
1.4:1Fail
1.8:1Fail
4
2.9:1Fail
2.1:1Fail
1.4:1Fail
1.3:1Fail
5
3.8:1AA18
2.7:1Fail
1.8:1Fail
1.3:1Fail

Similar palettes

More like Boho Earth Weave

View all Neutral
Whispering Canyon Wall
Woven Basket Weave
Mountain Ridge
Woven Fiber Earth
Coffee Cream Blend
Artisan Ceramic Glaze