Back to palettes

Palette

Bohemian Earth Weave

Harmonious earth tones and soft greens inspired by handcrafted bohemian textiles and natural fibers.

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

#725E50#A89B8D#DCCBB6#60806C#9DB9A7

Palette guide

How to use Bohemian Earth Weave

Overview

The Bohemian Earth Weave palette combines harmonious earth tones with soft greens, inspired by handcrafted bohemian textiles and natural fibers. This collection features a grounding #725E50 (Dark Taupe) and a versatile #A89B8D (Warm Gray). A light, airy #DCCBB6 (Pale Beige) provides a soft contrast, while the unique inclusion of #60806C (Sage Green) and #9DB9A7 (Light Sage) adds a refreshing, organic touch. This palette is ideal for designs that aim to convey a sense of calm, natural artistry, and a free-spirited aesthetic. Designers will find it versatile for creating engaging, visually rich experiences, while developers can leverage its balanced harmony for intuitive and visually pleasing user interfaces across various digital platforms.

Best used for

  • Sustainable fashion brands
  • Ethically sourced home goods
  • Nature-inspired wellness apps
  • Bohemian interior design blogs
  • Handmade craft e-commerce
  • Organic food packaging design

Suggested color roles

primary

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

secondary

Apply #A89B8D for subheadings, background sections, or large graphic elements to offer warm depth and support.

accent

Utilize #60806C as a sophisticated accent for interactive elements, highlights, or decorative details, introducing a calming, natural contrast.

background

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

text

For optimal readability, use a dark brown like #3A231C or a rich charcoal against lighter shades such as #DCCBB6 or #9DB9A7.

Accessibility notes

  • Ensure sufficient contrast for text when using #725E50 or #60806C on light backgrounds, or white text on these darker shades.
  • Avoid low-contrast pairings like #DCCBB6 text on #A89B8D 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

Earthy Green

Ideal for a balanced brand presence, combining grounding earth with refreshing, calming green accents.

#725E50 · #60806C · #DCCBB6

Woven Serenity

Creates an inviting atmosphere for content blocks or visual storytelling, reminiscent of natural fibers and calm.

#A89B8D · #9DB9A7 · #DCCBB6

Natural Blend

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

#725E50 · #60806C · #A89B8D

CSS variables

:root {
  --bohemian-earth-weave-2-1: #725E50;
  --bohemian-earth-weave-2-2: #A89B8D;
  --bohemian-earth-weave-2-3: #DCCBB6;
  --bohemian-earth-weave-2-4: #60806C;
  --bohemian-earth-weave-2-5: #9DB9A7;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "bohemian-earth-weave-2": {
        1: "#725E50",
        2: "#A89B8D",
        3: "#DCCBB6",
        4: "#60806C",
        5: "#9DB9A7",
      }
    }
  }
}

Related searches

bohemian earthy greennatural fabric paletterustic sage colorsorganic woven designcalm boho aesthetic

Palette colors

Hex values

Color 1#725E50
·
Color 2#A89B8D
·
Color 3#DCCBB6
·
Color 4#60806C
·
Color 5#9DB9A7
·

Accessibility

Contrast checker

1
2
3
4
5
1
2.3:1Fail
3.9:1AA18
1.4:1Fail
2.9:1Fail
2
2.3:1Fail
1.7:1Fail
1.6:1Fail
1.3:1Fail
3
3.9:1AA18
1.7:1Fail
2.8:1Fail
1.3:1Fail
4
1.4:1Fail
1.6:1Fail
2.8:1Fail
2.1:1Fail
5
2.9:1Fail
1.3:1Fail
1.3:1Fail
2.1:1Fail

Similar palettes

More like Bohemian Earth Weave

View all earth
Ancient Loom Fabric
Bohemian Earth
Bohemian Earth Weave
Bohemian Rhapsody Blend
Desert Bohemian Tapestry
Forest Path Tones