Palette

Bohemian Tapestry Craft

Earthy and rich hues intertwining, evoking the intricate patterns and textures of a handcrafted bohemian tapestry.

earthnatural5 colors

More earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Bohemian Tapestry Craft 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 Tapestry Craft.

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

Data visualization

#8B4513#CD853F#A0522D#DAA520#5F4B3F

Palette guide

How to use Bohemian Tapestry Craft

Overview

The "Bohemian Tapestry Craft" palette offers a rich collection of earthy and rustic hues, perfect for evoking a sense of natural craftsmanship and warmth. Dominated by deep browns and golden accents, this palette includes the robust #8B4513, the inviting #CD853F, and the grounded #A0522D. Complementary shades like the sunny #DAA520 and the subtle #5F4B3F complete this organic set. Designers can utilize this palette to create authentic, handcrafted aesthetics for brands, digital interfaces, or physical products. It’s particularly effective for projects that emphasize natural materials, heritage, or a cozy, artisanal feel, providing a harmonious and comforting visual experience.

Best used for

Artisanal product branding and packaging
Rustic home decor websites or blogs
Craft and DIY project instructions
E-commerce for handmade goods
Café or natural food branding
Interior design mood boards

Suggested color roles

primary

Use #8B4513 as a strong, earthy foundation for main headings, backgrounds, or important containers, conveying stability.

secondary

Apply #A0522D for subheadings, navigation, or larger text blocks, providing a warmer, inviting tone.

accent

Introduce #DAA520 for calls-to-action, highlights, or decorative elements to add a touch of golden warmth and vibrancy.

background

The lighter #CD853F can serve as a soft background, while #5F4B3F offers a muted, textured option for deeper sections.

text

For dark backgrounds, use a light cream or white. For lighter backgrounds like #CD853F, use #8B4513 or a dark charcoal for optimal readability.

Accessibility notes

Ensure sufficient contrast when using #DAA520 for text on lighter backgrounds; it's best as an accent or for large text.
Pair dark browns like #8B4513 or #5F4B3F with light text (e.g., white or a pale cream) for excellent readability.
Avoid using similar mid-tones like #CD853F and #A0522D too closely for text/background combinations.
Test all text and interactive element color pairings against WCAG standards to ensure universal access.

Recommended combinations

Earthy Foundation

Excellent for establishing a grounded, natural feel in large content blocks or brand elements.

#8B4513 · #A0522D · #CD853F

Golden Craft

Perfect for drawing attention to features, pricing, or product details with a warm, inviting glow.

#CD853F · #DAA520 · #5F4B3F

Rustic Weave

Create depth and texture in background patterns, footers, or subtle UI elements, providing a cohesive feel.

#A0522D · #5F4B3F · #8B4513

CSS variables

:root {
  --bohemian-tapestry-craft-1: #8B4513;
  --bohemian-tapestry-craft-2: #CD853F;
  --bohemian-tapestry-craft-3: #A0522D;
  --bohemian-tapestry-craft-4: #DAA520;
  --bohemian-tapestry-craft-5: #5F4B3F;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "bohemian-tapestry-craft": {
        1: "#8B4513",
        2: "#CD853F",
        3: "#A0522D",
        4: "#DAA520",
        5: "#5F4B3F",
      }
    }
  }
}

Hex values

Color 1#8B4513

Color 2#CD853F

Color 3#A0522D

Color 4#DAA520

Color 5#5F4B3F

Accessibility

Contrast checker

2.4:1Fail

1.3:1Fail

3.2:1AA18

1.2:1Fail

2.4:1Fail

1.9:1Fail

1.3:1Fail

2.7:1Fail

1.3:1Fail

1.9:1Fail

2.5:1Fail

1.5:1Fail

3.2:1AA18

1.3:1Fail

2.5:1Fail

3.7:1AA18

1.2:1Fail

2.7:1Fail

1.5:1Fail

3.7:1AA18

Similar palettes

More like Bohemian Tapestry Craft

Bohemian Tapestry Craft

See it in context.

Ready when you are.

Built with Bohemian Tapestry Craft.

How to use Bohemian Tapestry Craft

Overview

Best used for

Suggested color roles

Accessibility notes

Recommended combinations

Earthy Foundation

Golden Craft

Rustic Weave

CSS variables

Tailwind config

Related searches

Hex values

Contrast checker

More like Bohemian Tapestry Craft