Back to palettes

Palette

Bohemian Tapestry Weave

Rich, intertwined earth tones evoking the intricate patterns and warm feel of a woven tapestry.

earthnatural5 colors
More earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Bohemian Tapestry 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 Bohemian Tapestry Weave.

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

Data visualization

#A0522D#D2B48C#BDB76B#8FBC8F#BC8F8F

Palette guide

How to use Bohemian Tapestry Weave

Overview

The "Bohemian Tapestry Weave" palette presents a comforting collection of rich, intertwined earth tones that evoke the intricate patterns and warm feel of a woven tapestry. This palette grounds designs with the deep terra cotta of #A0522D, the soft beige of #D2B48C, and the muted olive of #BDB76B. Complementary shades like the serene #8FBC8F and the warm rose of #BC8F8F complete this organic and inviting set. It's an ideal choice for projects aiming to convey natural warmth, artisanal quality, and a grounded, rustic aesthetic. Designers can use these colors to create authentic and cozy visual experiences across various applications, from web interfaces to product packaging.

Best used for

  • Rustic home decor branding
  • Eco-friendly product packaging
  • Handmade craft e-commerce websites
  • Natural beauty product marketing
  • Yoga or wellness studio branding
  • Lifestyle blogs with an earthy focus

Suggested color roles

primary

Utilize #A0522D as a warm, grounding primary color for headers, important sections, or strong brand elements.

secondary

Apply #D2B48C for subheadings, content backgrounds, or larger text blocks, offering a soft and approachable feel.

accent

Introduce #BDB76B or #8FBC8F for subtle highlights, interactive elements, or decorative patterns, adding a natural accent.

background

The lighter #D2B48C provides an excellent neutral canvas. For deeper texture, #BC8F8F can be used for secondary backgrounds.

text

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

Accessibility notes

  • Ensure sufficient contrast when using mid-tones like #BDB76B and #8FBC8F for text on similar value backgrounds.
  • The dark #A0522D provides excellent contrast for light text, making it a reliable choice for readability.
  • Avoid using #BC8F8F for small text on #D2B48C due to potential low contrast; it's better for larger elements.
  • Always test text and interactive elements with WCAG contrast checkers to ensure accessibility for all users.

Recommended combinations

Earthy Neutral

Ideal for creating warm, inviting content areas or product displays with a natural, grounded feel.

#D2B48C · #A0522D · #BC8F8F

Natural Accents

Perfect for subtle branding, iconography, or background patterns that require a gentle, organic touch.

#BDB76B · #8FBC8F · #D2B48C

Rustic Depth

Effective for adding depth and warmth to footers, sidebars, or call-out boxes in an earthy design.

#A0522D · #BC8F8F · #BDB76B

CSS variables

:root {
  --bohemian-tapestry-weave-1: #A0522D;
  --bohemian-tapestry-weave-2: #D2B48C;
  --bohemian-tapestry-weave-3: #BDB76B;
  --bohemian-tapestry-weave-4: #8FBC8F;
  --bohemian-tapestry-weave-5: #BC8F8F;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "bohemian-tapestry-weave": {
        1: "#A0522D",
        2: "#D2B48C",
        3: "#BDB76B",
        4: "#8FBC8F",
        5: "#BC8F8F",
      }
    }
  }
}

Related searches

bohemian earthy tonesrustic tapestry colorsnatural woven palettemuted green brown schemeorganic bohemian design

Palette colors

Hex values

Color 1#A0522D
·
Color 2#D2B48C
·
Color 3#BDB76B
·
Color 4#8FBC8F
·
Color 5#BC8F8F
·

Accessibility

Contrast checker

1
2
3
4
5
1
2.8:1Fail
2.7:1Fail
2.6:1Fail
2:1Fail
2
2.8:1Fail
1:1Fail
1.1:1Fail
1.4:1Fail
3
2.7:1Fail
1:1Fail
1:1Fail
1.4:1Fail
4
2.6:1Fail
1.1:1Fail
1:1Fail
1.3:1Fail
5
2:1Fail
1.4:1Fail
1.4:1Fail
1.3:1Fail

Similar palettes

More like Bohemian Tapestry Weave

View all earth