Palette

Bohemian Tapestry

Rich, inviting blend of rusty oranges, terracotta, and antique gold, inspired by woven textiles.

warmnatural5 colors

More warm palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#A84742#D9694F#F28C68#EBD1A4#C78F70

Palette guide

How to use Bohemian Tapestry

Overview

The "Bohemian Tapestry" palette offers a rich, inviting blend of rusty oranges, terracotta, and antique gold, inspired by woven textiles. This collection features the deep #A84742, the vibrant #D9694F, and the softer #F28C68, creating a warm, earthy gradient. The antique gold of #EBD1A4 and the comforting #C78F70 provide elegant counterpoints, adding depth and sophistication. This palette is perfect for designers looking to evoke natural warmth, artisan quality, and a cozy, inviting atmosphere. It lends itself beautifully to branding, web design, and digital art that aims for a handcrafted aesthetic with a touch of rustic elegance, creating a truly memorable visual experience.

Best used for

Artisanal craft branding and packaging
Cozy home decor e-commerce sites
Rustic café or restaurant branding
Lifestyle blogs with a warm aesthetic
Handmade textile and jewelry businesses
Fall-themed marketing campaigns

Suggested color roles

primary

Use #A84742 as a deep, grounding primary color for headers, main calls-to-action, or important brand elements.

secondary

Apply #D9694F for subheadings, feature panels, or content blocks, offering a warm and inviting presence.

accent

Introduce #F28C68 for highlights, interactive elements, or decorative patterns to add a vibrant, energetic pop.

background

The light #EBD1A4 serves as an excellent warm neutral background, while #C78F70 can add subtle texture to sections.

text

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

Accessibility notes

Ensure sufficient contrast when using #F28C68 for text on lighter backgrounds like #EBD1A4; it's better as an accent or for large text.
The dark #A84742 provides excellent contrast for light text, making it a reliable choice for readability.
Avoid using #D9694F for small text on #C78F70 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

Warm Gradient

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

#A84742 · #D9694F · #F28C68

Earthy Elegance

Perfect for sophisticated branding, editorial layouts, or product showcases, offering warmth and clarity.

#EBD1A4 · #C78F70 · #A84742

Textile Accent

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

#D9694F · #F28C68 · #C78F70

CSS variables

:root {
  --bohemian-tapestry-1: #A84742;
  --bohemian-tapestry-2: #D9694F;
  --bohemian-tapestry-3: #F28C68;
  --bohemian-tapestry-4: #EBD1A4;
  --bohemian-tapestry-5: #C78F70;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "bohemian-tapestry": {
        1: "#A84742",
        2: "#D9694F",
        3: "#F28C68",
        4: "#EBD1A4",
        5: "#C78F70",
      }
    }
  }
}

Hex values

Color 1#A84742

Color 2#D9694F

Color 3#F28C68

Color 4#EBD1A4

Color 5#C78F70

Accessibility

Contrast checker

1.7:1Fail

2.4:1Fail

3.9:1AA18

2.1:1Fail

1.7:1Fail

1.4:1Fail

2.3:1Fail

1.2:1Fail

2.4:1Fail

1.4:1Fail

1.6:1Fail

1.1:1Fail

3.9:1AA18

2.3:1Fail

1.6:1Fail

1.9:1Fail

2.1:1Fail

1.2:1Fail

1.1:1Fail

1.9:1Fail

Similar palettes

More like Bohemian Tapestry