Back to palettes

Palette

Bohemian Earth Weave

Warm, natural browns and tans reflecting woven textures and sun-drenched, bohemian aesthetics.

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

#8B4513#CD853F#A0522D#DEB887#DAA520

Palette guide

How to use Bohemian Earth Weave

Overview

The Bohemian Earth Weave palette offers warm, natural browns and tans, reflecting woven textures and sun-drenched, bohemian aesthetics. It features rich, grounding shades like #8B4513 (Saddle Brown) and #A0522D (Sienna), providing robust depth. The vibrant #CD853F (Peru) adds a touch of warmth and energy, while the soft, sandy #DEB887 (Burly Wood) and the warm golden #DAA520 (Goldenrod) complete the natural spectrum. This palette is ideal for designs that aim to convey authenticity, warmth, and a handcrafted, 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 product branding.

Best used for

  • Artisan craft marketplaces
  • Bohemian fashion and accessories
  • Ethically sourced goods branding
  • Rustic event invitations
  • Sun-drenched travel blogs
  • Handmade pottery or decor

Suggested color roles

primary

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

secondary

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

accent

Utilize #DAA520 as a bright, inviting accent for interactive buttons, highlights, or decorative details, adding a pop of warm energy.

background

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

text

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

Accessibility notes

  • Ensure sufficient contrast for text when using #8B4513 or #A0522D on light backgrounds, or white text on these darker shades.
  • Avoid low-contrast pairings like #DEB887 text on #DAA520 backgrounds for essential information.
  • Leverage the contrast between the darkest 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

Sun-drenched Earth

Ideal for a strong brand presence, combining deep grounding with bright, energetic accents, like sun-baked earth.

#8B4513 · #DEB887 · #DAA520

Woven Gold

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

#CD853F · #A0522D · #DEB887

Rustic Tan

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

#8B4513 · #A0522D · #CD853F

CSS variables

:root {
  --bohemian-earth-weave-6-1: #8B4513;
  --bohemian-earth-weave-6-2: #CD853F;
  --bohemian-earth-weave-6-3: #A0522D;
  --bohemian-earth-weave-6-4: #DEB887;
  --bohemian-earth-weave-6-5: #DAA520;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "bohemian-earth-weave-6": {
        1: "#8B4513",
        2: "#CD853F",
        3: "#A0522D",
        4: "#DEB887",
        5: "#DAA520",
      }
    }
  }
}

Related searches

bohemian brown tannatural texture paletteorganic rustic colorssun-drenched aestheticwarm golden earth tones

Palette colors

Hex values

Color 1#8B4513
·
Color 2#CD853F
·
Color 3#A0522D
·
Color 4#DEB887
·
Color 5#DAA520
·

Accessibility

Contrast checker

1
2
3
4
5
1
2.4:1Fail
1.3:1Fail
3.8:1AA18
3.2:1AA18
2
2.4:1Fail
1.9:1Fail
1.6:1Fail
1.3:1Fail
3
1.3:1Fail
1.9:1Fail
3:1AA18
2.5:1Fail
4
3.8:1AA18
1.6:1Fail
3:1AA18
1.2:1Fail
5
3.2:1AA18
1.3:1Fail
2.5:1Fail
1.2:1Fail

Similar palettes

More like Bohemian Earth Weave

View all earth
Aged Leather Comfort
Bohemian Earth Weave
Bohemian Textile Art
Boho Rug Weave
Earthen Claypot
Woven Basket Texture