Back to palettes

Palette

Bohemian Dream Weave

Soft, earthy browns and muted reds create a cozy, bohemian feel, like a cherished, hand-woven tapestry.

earthnatural5 colors
More earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#9E5E4E#B17D6C#C39C8B#D6BBB0#E9DAD4

Palette guide

How to use Bohemian Dream Weave

Overview

The Bohemian Dream Weave palette offers a tranquil and inviting collection of soft, earthy tones, ideal for creating a cozy and rustic aesthetic. Centered around muted reds and warm browns, this palette features shades like the deep, comforting #9E5E4E, a versatile mid-tone #B17D6C, and the gentle, almost rosy #C39C8B. Lighter hues such as #D6BBB0 and the delicate #E9DAD4 provide excellent contrast and a sense of airiness. This harmonious blend evokes the feel of a cherished, hand-woven tapestry, making it perfect for designs seeking a natural, comforting, and free-spirited vibe. Developers will appreciate the consistent warmth, ensuring visual continuity across various UI elements and content blocks. Ideal for branding, web design, or interior decor concepts that emphasize organic textures and relaxed elegance.

Best used for

  • E-commerce for natural products or crafts
  • Bohemian-style interior design mood boards
  • Relaxed lifestyle blogs or websites
  • Branding for artisanal goods
  • Cozy cafe or boutique branding
  • Textile or fashion design inspiration

Suggested color roles

primary

Use #9E5E4E for main headings, prominent buttons, or large background sections where a rich, inviting warmth is desired.

secondary

Apply #B17D6C for subheadings, secondary calls-to-action, or supporting graphic elements to maintain warmth without overwhelming.

accent

Utilize #C39C8B sparingly for interactive elements, highlights, or decorative accents to add a touch of gentle contrast and visual interest.

background

Employ #E9DAD4 as a soft, airy background color for pages, cards, or content blocks, providing a clean canvas that enhances readability.

text

For optimal readability, use a deep charcoal or near-black text color, such as #333333, against the lighter background shades like #E9DAD4.

Accessibility notes

  • Ensure sufficient contrast between #9E5E4E or #B17D6C and light text (e.g., white) for readability.
  • Avoid using #D6BBB0 or #E9DAD4 for small text against similarly light backgrounds.
  • Pair darker palette colors like #9E5E4E with lighter ones such as #E9DAD4 for strong visual hierarchy and contrast.
  • Test all text and interactive element color combinations against WCAG guidelines, especially for AA and AAA compliance.

Recommended combinations

Earthy Foundation

Excellent for primary content sections, establishing a warm base with clear hierarchy.

#9E5E4E · #D6BBB0 · #E9DAD4

Rustic Harmony

Creates a soft, inviting feel for secondary elements, illustrations, or subtle branding.

#B17D6C · #C39C8B · #E9DAD4

Gentle Accents

Use for decorative elements or calls to action where a rich, natural depth is desired.

#9E5E4E · #C39C8B · #B17D6C

CSS variables

:root {
  --bohemian-dream-weave-1: #9E5E4E;
  --bohemian-dream-weave-2: #B17D6C;
  --bohemian-dream-weave-3: #C39C8B;
  --bohemian-dream-weave-4: #D6BBB0;
  --bohemian-dream-weave-5: #E9DAD4;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "bohemian-dream-weave": {
        1: "#9E5E4E",
        2: "#B17D6C",
        3: "#C39C8B",
        4: "#D6BBB0",
        5: "#E9DAD4",
      }
    }
  }
}

Related searches

bohemian color schemesearthy warm palettesrustic interior colorsnatural comfort palettehandwoven textile colors

Palette colors

Hex values

Color 1#9E5E4E
·
Color 2#B17D6C
·
Color 3#C39C8B
·
Color 4#D6BBB0
·
Color 5#E9DAD4
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.4:1Fail
2:1Fail
2.8:1Fail
3.7:1AA18
2
1.4:1Fail
1.4:1Fail
1.9:1Fail
2.6:1Fail
3
2:1Fail
1.4:1Fail
1.4:1Fail
1.8:1Fail
4
2.8:1Fail
1.9:1Fail
1.4:1Fail
1.3:1Fail
5
3.7:1AA18
2.6:1Fail
1.8:1Fail
1.3:1Fail

Similar palettes

More like Bohemian Dream Weave

View all earth
Bohemian Grove Melody
Bohemian Rhapsody Folk
Boho Clay Bloom
Boho Loom Weave
Adobe Sunset
Adobe Sunset Glow