Palette

Boho Fringe Weave

A comforting collection of muted, earthy tones and textures, reminiscent of handcrafted bohemian textiles.

earthnatural5 colors

More earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#D2B48C#BDB76B#BC8F8F#CD853F#8B4513

Palette guide

How to use Boho Fringe Weave

Overview

The "Boho Fringe Weave" palette offers a comforting collection of muted, earthy tones and textures, reminiscent of handcrafted bohemian textiles. This inviting collection features the soft beige of #D2B48C, the muted olive of #BDB76B, and the warm rose of #BC8F8F. Deeper, grounding tones like the rich orange of #CD853F and the robust #8B4513 complete this organic and inviting set. Ideal for designers seeking to convey authenticity, rustic charm, and a natural aesthetic, this palette is versatile for branding, web design, or digital art. It evokes a sense of handmade quality and organic beauty, perfect for projects that celebrate natural materials, heritage, or a cozy, grounded feel.

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 #8B4513 as a strong, grounding primary color for headers, footers, or important brand elements, conveying stability.

secondary

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

accent

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

background

The light #D2B48C serves as an excellent clean background, allowing other colors to pop. It can also be a soft texture.

text

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

Accessibility notes

Ensure sufficient contrast when using #BDB76B or #BC8F8F for text, especially on similar value backgrounds; use as accents or for large text.
The dark #8B4513 provides excellent contrast for light text, making it a reliable choice for readability.
Avoid using #CD853F for small text on #D2B48C 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.

#8B4513 · #CD853F · #D2B48C

Rustic Canvas

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

#D2B48C · #BDB76B · #8B4513

Woven Texture

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

#BC8F8F · #CD853F · #BDB76B

CSS variables

:root {
  --boho-fringe-weave-1: #D2B48C;
  --boho-fringe-weave-2: #BDB76B;
  --boho-fringe-weave-3: #BC8F8F;
  --boho-fringe-weave-4: #CD853F;
  --boho-fringe-weave-5: #8B4513;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "boho-fringe-weave": {
        1: "#D2B48C",
        2: "#BDB76B",
        3: "#BC8F8F",
        4: "#CD853F",
        5: "#8B4513",
      }
    }
  }
}

Hex values

Color 1#D2B48C

Color 2#BDB76B

Color 3#BC8F8F

Color 4#CD853F

Color 5#8B4513

Accessibility

Contrast checker

1:1Fail

1.4:1Fail

1.5:1Fail

3.6:1AA18

1:1Fail

1.4:1Fail

3.4:1AA18

1.4:1Fail

1.1:1Fail

2.5:1Fail

1.5:1Fail

1.4:1Fail

1.1:1Fail

2.4:1Fail

3.6:1AA18

3.4:1AA18

2.5:1Fail

2.4:1Fail

Similar palettes

More like Boho Fringe Weave

Boho Fringe Weave

See it in context.

Ready when you are.

Built with Boho Fringe Weave.

How to use Boho Fringe Weave

Overview

Best used for

Suggested color roles

Accessibility notes

Recommended combinations

Earthy Gradient

Rustic Canvas

Woven Texture

CSS variables

Tailwind config

Related searches

Hex values

Contrast checker

More like Boho Fringe Weave