Back to palettes

Palette

Gypsy Weave Harmony

Warm, earthy tones reflecting the intricate patterns and raw textures of a hand-loomed bohemian tapestry.

earthnatural5 colors
More earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Gypsy Weave Harmony 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 Gypsy Weave Harmony.

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

Data visualization

#8B4513#CD853F#D2B48C#A0522D#69442F

Palette guide

How to use Gypsy Weave Harmony

Overview

The Gypsy Weave Harmony palette offers a rich collection of warm, earthy tones, perfectly reflecting the raw textures of hand-loomed bohemian tapestries. From the deep saddle brown of #8B4513 to the rich caramel of #CD853F, and a soft, natural tan #D2B48C, these colors evoke a sense of natural craftsmanship. Complemented by the robust sienna #A0522D and a profound chocolate brown #69442F, this palette provides a grounding, natural aesthetic. It's an excellent choice for designers and developers aiming to create organic, authentic, and rustic digital or physical environments.

Best used for

  • Natural and organic product branding
  • Rustic interior design and decor websites
  • Artisan and handmade goods e-commerce platforms
  • Eco-friendly packaging and sustainable fashion brands
  • Heritage craft project documentation and websites
  • Outdoor adventure and nature-inspired branding

Suggested color roles

primary

Designate #A0522D as the primary color for a rich, inviting earthy foundation, suitable for main sections and prominent graphics.

secondary

Utilize #CD853F for complementary elements and supporting content, providing a lighter, warm mid-tone that harmonizes beautifully.

accent

Introduce #D2B48C as a soft, natural highlight for subtle details, decorative elements, or backgrounds where a gentle warmth is desired.

background

Employ #69442F for a deep, grounding background that adds significant depth and evokes the texture of rich, dark earth or wood.

text

Use #8B4513 for body text and headlines, ensuring strong readability and a cohesive, natural feel against lighter palette colors.

Accessibility notes

  • Ensure #D2B48C has sufficient contrast with text; it pairs best with darker shades like #8B4513 or #69442F.
  • The darkest color, #69442F, provides excellent contrast for white or very light text, making it suitable for dark mode themes.
  • Avoid using #CD853F on #A0522D for small text to prevent low contrast issues, especially for users with visual impairments.
  • For interactive elements, ensure hover states provide a distinct contrast shift, perhaps using #D2B48C against a darker button.

Recommended combinations

Natural Grounding

Perfect for creating a deep, stable base with a natural highlight, ideal for brand footers or rustic layouts.

#69442F · #A0522D · #D2B48C

Warm Earth Accents

Excellent for showcasing warmth and subtle detail in product displays or lifestyle imagery.

#CD853F · #8B4513 · #D2B48C

Rich Tapestry

Creates a strong, cohesive statement, suitable for primary branding elements or impactful visual headers.

#69442F · #8B4513 · #A0522D

CSS variables

:root {
  --gypsy-weave-harmony-1: #8B4513;
  --gypsy-weave-harmony-2: #CD853F;
  --gypsy-weave-harmony-3: #D2B48C;
  --gypsy-weave-harmony-4: #A0522D;
  --gypsy-weave-harmony-5: #69442F;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "gypsy-weave-harmony": {
        1: "#8B4513",
        2: "#CD853F",
        3: "#D2B48C",
        4: "#A0522D",
        5: "#69442F",
      }
    }
  }
}

Related searches

earthy bohemian colorsnatural weave paletterustic brown huesorganic design colorshand-loomed textile palette

Palette colors

Hex values

Color 1#8B4513
·
Color 2#CD853F
·
Color 3#D2B48C
·
Color 4#A0522D
·
Color 5#69442F
·

Accessibility

Contrast checker

1
2
3
4
5
1
2.4:1Fail
3.6:1AA18
1.3:1Fail
1.2:1Fail
2
2.4:1Fail
1.5:1Fail
1.9:1Fail
2.8:1Fail
3
3.6:1AA18
1.5:1Fail
2.8:1Fail
4.3:1AA18
4
1.3:1Fail
1.9:1Fail
2.8:1Fail
1.5:1Fail
5
1.2:1Fail
2.8:1Fail
4.3:1AA18
1.5:1Fail

Similar palettes

More like Gypsy Weave Harmony

View all earth