Back to palettes

Palette

Bohemian Dream Weaver

A comforting collection of muted browns and soft terracotta, inspiring a sense of calm, natural artistry.

neutralnatural5 colors
More neutral palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Bohemian Dream Weaver 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 Dream Weaver.

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

Data visualization

#E6B8A2#A88177#725D5D#C4A28B#8F6F67

Palette guide

How to use Bohemian Dream Weaver

Overview

The Bohemian Dream Weaver palette offers a comforting and sophisticated blend of muted browns and soft terracotta hues, perfect for designs that aim to inspire natural artistry and calm. Featuring a warm light brown #E6B8A2, a grounding reddish-brown #A88177, and a deeper, rich #725D5D, this collection provides excellent depth. Complementary tones like the inviting #C4A28B and the subtle #8F6F67 complete the natural spectrum. This palette is ideal for creating a serene, earthy, and free-spirited atmosphere, reminiscent of handcrafted goods and natural landscapes. Designers will find it versatile for projects requiring a soft, organic touch, while developers can leverage its harmonious balance for intuitive and visually pleasing user interfaces, ensuring a warm and cohesive user experience.

Best used for

  • Boho-chic fashion branding
  • Wellness and yoga studio websites
  • Handmade pottery or craft shops
  • Relaxed home decor blogs
  • Organic food packaging design
  • Nature-inspired photography portfolios

Suggested color roles

primary

Use #725D5D for strong foundational elements like headers, footers, or main content blocks to establish a robust, earthy presence.

secondary

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

accent

Utilize #E6B8A2 as a soft, inviting accent for interactive buttons, highlights, or decorative details, adding a touch of gentle warmth.

background

Employ #C4A28B as a neutral, comforting background color for pages or content cards, offering a light, organic base.

text

For optimal legibility, use a very dark brown like #4A3226 or a rich charcoal against lighter colors such as #E6B8A2 or #C4A28B.

Accessibility notes

  • Ensure sufficient contrast for text when using #725D5D or #A88177 on light backgrounds, or white text on these darker shades.
  • Avoid low-contrast pairings like #E6B8A2 text on #C4A28B backgrounds for essential information.
  • Leverage the contrast between the darkest (#725D5D) and lightest (#E6B8A2) colors 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 Foundation

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

#725D5D · #C4A28B · #E6B8A2

Rustic Warmth

Creates a cozy, inviting atmosphere for content blocks or visual storytelling.

#A88177 · #8F6F67 · #E6B8A2

Soft Contrast

Effective for UI elements where clear separation is needed without harshness, such as cards or modals.

#725D5D · #E6B8A2 · #A88177

CSS variables

:root {
  --bohemian-dream-weaver-1: #E6B8A2;
  --bohemian-dream-weaver-2: #A88177;
  --bohemian-dream-weaver-3: #725D5D;
  --bohemian-dream-weaver-4: #C4A28B;
  --bohemian-dream-weaver-5: #8F6F67;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "bohemian-dream-weaver": {
        1: "#E6B8A2",
        2: "#A88177",
        3: "#725D5D",
        4: "#C4A28B",
        5: "#8F6F67",
      }
    }
  }
}

Related searches

muted earthy tonesboho natural palettecalm rustic colorsterracotta brown schemesoft organic design

Palette colors

Hex values

Color 1#E6B8A2
·
Color 2#A88177
·
Color 3#725D5D
·
Color 4#C4A28B
·
Color 5#8F6F67
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.9:1Fail
3.4:1AA18
1.3:1Fail
2.5:1Fail
2
1.9:1Fail
1.8:1Fail
1.5:1Fail
1.3:1Fail
3
3.4:1AA18
1.8:1Fail
2.6:1Fail
1.3:1Fail
4
1.3:1Fail
1.5:1Fail
2.6:1Fail
1.9:1Fail
5
2.5:1Fail
1.3:1Fail
1.3:1Fail
1.9:1Fail

Similar palettes

More like Bohemian Dream Weaver

View all neutral