Palette

Bohemian Earth Weave

Warm, grounding shades of brown and tan, reminiscent of rustic, handcrafted textiles.

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

#725D51#967E6B#BFA78C#D8C3A4#5A4232

Palette guide

How to use Bohemian Earth Weave

Overview

The Bohemian Earth Weave palette offers warm, grounding shades of brown and tan, reminiscent of rustic, handcrafted textiles. This collection features a deep, versatile #725D51 (Dark Taupe) and a rich #967E6B (Medium Brown). Lighter, airy tones like #BFA78C (Light Brown) and #D8C3A4 (Pale Tan) provide a soft contrast, while the darkest #5A4232 (Dark Umber) anchors the palette with robust depth. This palette is ideal for designs that aim to convey authenticity, warmth, and a vintage, free-spirited aesthetic. Designers will find it versatile for creating visually appealing and emotionally resonant experiences, while developers can ensure a cohesive and inviting user interface across various applications, from digital art to physical product branding.

Best used for

Vintage-inspired home decor
Bohemian fashion and accessories
Artisan craft marketplaces
Earthy lifestyle blogs
Rustic event invitations
Handmade jewelry e-commerce

Suggested color roles

primary

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

secondary

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

accent

Utilize #967E6B as a warm, inviting accent for interactive elements, highlights, or decorative details, maintaining a natural, grounded feel.

background

Employ #D8C3A4 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 #D8C3A4 or #BFA78C.

Accessibility notes

Ensure sufficient contrast for text when using #5A4232 or #725D51 on light backgrounds, or white text on these darker shades.
Avoid low-contrast pairings like #D8C3A4 text on #BFA78C 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

Rustic Ground

Ideal for a strong brand presence, combining deep grounding with soft, approachable tones, like worn leather.

#5A4232 · #D8C3A4 · #967E6B

Woven Tan

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

#725D51 · #BFA78C · #D8C3A4

Vintage Earth

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

#5A4232 · #725D51 · #967E6B

CSS variables

:root {
  --bohemian-earth-weave-4-1: #725D51;
  --bohemian-earth-weave-4-2: #967E6B;
  --bohemian-earth-weave-4-3: #BFA78C;
  --bohemian-earth-weave-4-4: #D8C3A4;
  --bohemian-earth-weave-4-5: #5A4232;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "bohemian-earth-weave-4": {
        1: "#725D51",
        2: "#967E6B",
        3: "#BFA78C",
        4: "#D8C3A4",
        5: "#5A4232",
      }
    }
  }
}

Hex values

Color 1#725D51

Color 2#967E6B

Color 3#BFA78C

Color 4#D8C3A4

Color 5#5A4232

Accessibility

Contrast checker

1.6:1Fail

2.7:1Fail

3.6:1AA18

1.5:1Fail

1.6:1Fail

1.7:1Fail

2.2:1Fail

2.4:1Fail

2.7:1Fail

1.7:1Fail

1.3:1Fail

4:1AA18

3.6:1AA18

2.2:1Fail

1.3:1Fail

5.4:1AA

1.5:1Fail

2.4:1Fail

4:1AA18

5.4:1AA

Similar palettes

More like Bohemian Earth Weave

View all earth

Bohemian Earth Hearth

Adobe Sunset

Ancient Earth Whisper

Artisan Clay Kiln

Artisan Pottery Wheel

Bohemian Desert Art