Palette

Bohemian Tapestry Weave

Rich and varied hues interweave like threads in a bohemian tapestry, creating a warm, eclectic, and inviting feel.

vibrantretro5 colors

More vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#3D6B7B#B36A4D#DAB44D#8C2D39#E2D6C5

Palette guide

How to use Bohemian Tapestry Weave

Overview

The "Bohemian Tapestry Weave" palette offers a rich and varied collection of hues that interweave like threads in a vintage textile, creating an eclectic and inviting feel. This palette features the cool, deep teal of #3D6B7B, contrasting beautifully with the warm, earthy #B36A4D and the vibrant golden yellow of #DAB44D. A touch of deep crimson, #8C2D39, adds sophistication, while the soft, near-white #E2D6C5 provides a necessary breathing space. Ideal for designs seeking a retro yet timeless appeal, this palette allows designers to craft visually rich experiences that are both grounded and expressive, perfect for artistic or heritage-inspired projects.

Best used for

Vintage-inspired branding and packaging
Eclectic interior design visuals
Art and craft exhibition materials
Boutique fashion or accessory stores
Cultural event promotions
Retro-themed digital interfaces

Suggested color roles

primary

Use #3D6B7B as a sophisticated primary color for headers, navigation, or main content blocks, providing a calm anchor.

secondary

Apply #B36A4D for subheadings, feature panels, or call-out boxes, adding warmth and approachability.

accent

Introduce #DAB44D for calls-to-action, highlights, or decorative elements to infuse energy and a touch of vintage brightness.

background

The light #E2D6C5 serves as an excellent clean background, allowing other colors to pop. #8C2D39 can create dramatic, rich backdrops.

text

Pair a deep charcoal or #8C2D39 on #E2D6C5. For darker backgrounds like #3D6B7B or #8C2D39, use #E2D6C5 for optimal readability.

Accessibility notes

Ensure sufficient contrast when using #DAB44D for text; it typically works best as an accent or on dark backgrounds for large text.
The light #E2D6C5 provides excellent contrast for dark text, enhancing readability across various elements.
Avoid using #B36A4D as text on #8C2D39 due to similar value and potential readability issues.
Always verify color contrast ratios for text and interactive elements to meet WCAG AA standards.

Recommended combinations

Vintage Contrast

Excellent for creating dynamic hero sections or feature blocks that balance cool and warm tones.

#3D6B7B · #B36A4D · #DAB44D

Rich Heritage

Ideal for elegant branding, sophisticated backgrounds, or editorial layouts requiring depth and clarity.

#8C2D39 · #E2D6C5 · #3D6B7B

Tapestry Accent

Perfect for drawing attention to specific details, infographics, or artistic elements with a vibrant, retro touch.

#B36A4D · #DAB44D · #8C2D39

CSS variables

:root {
  --bohemian-tapestry-weave-3-1: #3D6B7B;
  --bohemian-tapestry-weave-3-2: #B36A4D;
  --bohemian-tapestry-weave-3-3: #DAB44D;
  --bohemian-tapestry-weave-3-4: #8C2D39;
  --bohemian-tapestry-weave-3-5: #E2D6C5;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "bohemian-tapestry-weave-3": {
        1: "#3D6B7B",
        2: "#B36A4D",
        3: "#DAB44D",
        4: "#8C2D39",
        5: "#E2D6C5",
      }
    }
  }
}

Hex values

Color 1#3D6B7B

Color 2#B36A4D

Color 3#DAB44D

Color 4#8C2D39

Color 5#E2D6C5

Accessibility

Contrast checker

1.4:1Fail

3:1Fail

1.4:1Fail

4.1:1AA18

1.4:1Fail

2.1:1Fail

2:1Fail

2.9:1Fail

3:1Fail

2.1:1Fail

4.2:1AA18

1.4:1Fail

2:1Fail

4.2:1AA18

5.7:1AA

4.1:1AA18

2.9:1Fail

1.4:1Fail

5.7:1AA

Similar palettes

More like Bohemian Tapestry Weave

Bohemian Tapestry Weave

See it in context.

Ready when you are.

Built with Bohemian Tapestry Weave.

How to use Bohemian Tapestry Weave

Overview

Best used for

Suggested color roles

Accessibility notes

Recommended combinations

Vintage Contrast

Rich Heritage

Tapestry Accent

CSS variables

Tailwind config

Related searches

Hex values

Contrast checker

More like Bohemian Tapestry Weave