Back to palettes

Palette

Bohemian Earth Weave

A collection of rich, natural tones inspired by global textiles and an earthy, free spirit.

earthnatural5 colors
More earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#6A3E2F#9C6C4F#D4A373#B8D6BF#8C886B

Palette guide

How to use Bohemian Earth Weave

Overview

The Bohemian Earth Weave palette is a rich collection of natural tones inspired by global textiles and a free spirit. It features deep, grounding shades like #6A3E2F (Dark Brown) and a vibrant #9C6C4F (Medium Brown) for robust depth. The warm #D4A373 (Light Brown) provides a soft contrast, while the unique inclusion of #B8D6BF (Pale Green) and #8C886B (Olive Green) adds a refreshing, organic touch. This palette is ideal for designs that aim to convey authenticity, warmth, and an eclectic, handcrafted aesthetic. Designers will find it versatile for creating visually appealing and emotionally resonant experiences, while developers can leverage its balanced harmony for intuitive and visually pleasing user interfaces across various digital platforms.

Best used for

  • Global artisan craft marketplaces
  • Bohemian fashion and accessories
  • Sustainable home goods e-commerce
  • Nature-inspired digital art
  • Rustic event invitations
  • Travel blogs focusing on culture

Suggested color roles

primary

Use #6A3E2F for strong, foundational elements like headers, navigation, or important calls-to-action, providing a deep, earthy anchor.

secondary

Apply #9C6C4F for subheadings, background sections, or large graphic elements to offer robust depth and support.

accent

Utilize #B8D6BF as a soft, inviting accent for interactive elements, highlights, or decorative details, introducing a calming, natural contrast.

background

Employ #D4A373 as a warm, neutral background color for pages or content cards, ensuring readability and a gentle, organic feel.

text

For optimal readability, use a dark brown like #4A3226 or a rich charcoal against lighter shades such as #D4A373 or #B8D6BF.

Accessibility notes

  • Ensure sufficient contrast for text when using #6A3E2F or #9C6C4F on light backgrounds, or white text on these darker shades.
  • Avoid low-contrast pairings like #D4A373 text on #B8D6BF backgrounds for essential information.
  • Leverage the contrast between the deepest colors and the lightest for clear visual hierarchy.
  • Always test color combinations with accessibility checkers to meet WCAG AA standards, especially for text and interactive elements.

Recommended combinations

Tribal Earth

Ideal for a strong brand presence, combining deep earth with warm, soft greens for a global feel.

#6A3E2F · #D4A373 · #B8D6BF

Organic Craft

Creates an inviting atmosphere for content blocks or visual storytelling, reminiscent of natural dyes.

#9C6C4F · #8C886B · #D4A373

Rustic Green

Effective for UI elements where clear separation is needed without harshness, such as cards or modals, with a rich, natural depth.

#6A3E2F · #9C6C4F · #8C886B

CSS variables

:root {
  --bohemian-earth-weave-3-1: #6A3E2F;
  --bohemian-earth-weave-3-2: #9C6C4F;
  --bohemian-earth-weave-3-3: #D4A373;
  --bohemian-earth-weave-3-4: #B8D6BF;
  --bohemian-earth-weave-3-5: #8C886B;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "bohemian-earth-weave-3": {
        1: "#6A3E2F",
        2: "#9C6C4F",
        3: "#D4A373",
        4: "#B8D6BF",
        5: "#8C886B",
      }
    }
  }
}

Related searches

boho rustic greennatural organic palettetribal textile colorsearthy craft schemefree spirit design

Palette colors

Hex values

Color 1#6A3E2F
·
Color 2#9C6C4F
·
Color 3#D4A373
·
Color 4#B8D6BF
·
Color 5#8C886B
·

Accessibility

Contrast checker

1
2
3
4
5
1
2:1Fail
4:1AA18
5.7:1AA
2.5:1Fail
2
2:1Fail
2:1Fail
2.9:1Fail
1.3:1Fail
3
4:1AA18
2:1Fail
1.4:1Fail
1.6:1Fail
4
5.7:1AA
2.9:1Fail
1.4:1Fail
2.3:1Fail
5
2.5:1Fail
1.3:1Fail
1.6:1Fail
2.3:1Fail

Similar palettes

More like Bohemian Earth Weave

View all earth
Artisan Clay Texture
Bohemian Earth Craft
Bohemian Earth Weave
Boho Earth Weave
Boho Fringe Weave
Earth Loom Wander