Palette

Bohemian Textile Thread

Rich, warm browns, golds, and muted reds woven together, inspired by vibrant bohemian textiles.

earthnatural5 colors

More earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Bohemian Textile Thread 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 Textile Thread.

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

Data visualization

#8B4513#CD853F#B8860B#DAA520#8B0000

Palette guide

How to use Bohemian Textile Thread

Overview

The "Bohemian Textile Thread" palette features rich, warm browns, golds, and muted reds woven together, inspired by vibrant bohemian textiles. This inviting collection includes the deep #8B4513, the warm #CD853F, and the antique gold of #B8860B. Vibrant accents like #DAA520 and the striking #8B0000 complete this organic and energetic set. Ideal for designers seeking to convey authenticity, rustic charm, and a natural aesthetic, this palette is versatile for branding, web design, or digital art. It evokes a sense of handmade quality and heritage, perfect for projects that celebrate natural materials, artisan goods, or a cozy, ethnic feel across various platforms.

Best used for

Artisanal craft branding and packaging
Ethnic textile e-commerce websites
Rustic home decor blogs
Natural beauty product marketing
Bohemian fashion brand visuals
Cultural event promotions

Suggested color roles

primary

Use #8B4513 as a strong, grounding primary color for headers, footers, or important brand elements, conveying stability.

secondary

Apply #CD853F for subheadings, content blocks, or feature panels, offering warmth and approachability.

accent

Introduce #DAA520 or #8B0000 for calls-to-action, highlights, or decorative patterns to add a vibrant, energetic pop.

background

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

text

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

Accessibility notes

Ensure sufficient contrast when using #DAA520 for text, especially on lighter backgrounds; it's best as an accent or for large text.
The dark #8B4513 and #8B0000 provide excellent contrast for light text, making them reliable choices for readability.
Avoid using #CD853F for small text on #B8860B due to potential low contrast; use for larger headings.
Always test text and interactive elements with WCAG contrast checkers to ensure accessibility for all users.

Recommended combinations

Earthy Gold

Ideal for creating visually appealing hero sections, banners, or gradient backgrounds that transition smoothly.

#8B4513 · #B8860B · #DAA520

Rustic Contrast

Perfect for drawing attention to specific details, iconography, or artistic elements with a striking, cohesive feel.

#CD853F · #8B0000 · #8B4513

Woven Warmth

Effective for creating background patterns, subtle branding elements, or visual depth in a natural design.

#B8860B · #CD853F · #DAA520

CSS variables

:root {
  --bohemian-textile-thread-1: #8B4513;
  --bohemian-textile-thread-2: #CD853F;
  --bohemian-textile-thread-3: #B8860B;
  --bohemian-textile-thread-4: #DAA520;
  --bohemian-textile-thread-5: #8B0000;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "bohemian-textile-thread": {
        1: "#8B4513",
        2: "#CD853F",
        3: "#B8860B",
        4: "#DAA520",
        5: "#8B0000",
      }
    }
  }
}

Hex values

Color 1#8B4513

Color 2#CD853F

Color 3#B8860B

Color 4#DAA520

Color 5#8B0000

Accessibility

Contrast checker

2.4:1Fail

2.2:1Fail

3.2:1AA18

1.4:1Fail

2.4:1Fail

1.1:1Fail

1.3:1Fail

3.3:1AA18

2.2:1Fail

1.1:1Fail

1.5:1Fail

3.1:1AA18

3.2:1AA18

1.3:1Fail

1.5:1Fail

4.5:1AA18

1.4:1Fail

3.3:1AA18

3.1:1AA18

4.5:1AA18

Similar palettes

More like Bohemian Textile Thread