Palette

Boho Fringe Charm

Warm, inviting tones inspired by rustic bohemian textiles and soft fringe details.

earthnatural5 colors

More earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#B17D67#E0B19D#7F4F3D#DDC2B0#966C58

Palette guide

How to use Boho Fringe Charm

Overview

The "Boho Fringe Charm" palette offers warm, inviting tones inspired by rustic bohemian textiles and soft fringe details. This comforting collection features the mid-tone brown of #B17D67, the lighter #E0B19D, and the deep, grounded #7F4F3D. Complementary shades like the palest #DDC2B0 and the rich #966C58 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 across various platforms.

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

secondary

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

accent

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

background

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

text

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

Accessibility notes

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

Fringe Gradient

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

#7F4F3D · #966C58 · #B17D67

Rustic Canvas

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

#DDC2B0 · #E0B19D · #7F4F3D

Textile Warmth

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

#B17D67 · #E0B19D · #966C58

CSS variables

:root {
  --boho-fringe-charm-1: #B17D67;
  --boho-fringe-charm-2: #E0B19D;
  --boho-fringe-charm-3: #7F4F3D;
  --boho-fringe-charm-4: #DDC2B0;
  --boho-fringe-charm-5: #966C58;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "boho-fringe-charm": {
        1: "#B17D67",
        2: "#E0B19D",
        3: "#7F4F3D",
        4: "#DDC2B0",
        5: "#966C58",
      }
    }
  }
}

Hex values

Color 1#B17D67

Color 2#E0B19D

Color 3#7F4F3D

Color 4#DDC2B0

Color 5#966C58

Accessibility

Contrast checker

1.8:1Fail

1.9:1Fail

2.1:1Fail

1.3:1Fail

1.8:1Fail

3.5:1AA18

1.1:1Fail

2.4:1Fail

1.9:1Fail

3.5:1AA18

4:1AA18

1.5:1Fail

2.1:1Fail

1.1:1Fail

4:1AA18

2.7:1Fail

1.3:1Fail

2.4:1Fail

1.5:1Fail

2.7:1Fail

Similar palettes

More like Boho Fringe Charm

View all earth

Bohemian Textile Thread

Artisan Pottery Wheel