Back to palettes

Palette

Medieval Tapestry Weave

Rich, deep tones with a touch of age, recalling intricate woven artwork from a bygone era.

darkelegant5 colors
More dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#5C2D20#8A4F3D#B77A6D#D4B0A3#3E1A10

Palette guide

How to use Medieval Tapestry Weave

Overview

This "Medieval Tapestry Weave" palette delves into a rich spectrum of deep, earthy browns and muted ochres, perfectly capturing the essence of aged woven artwork. It ranges from the profound #3E1A10 and strong #5C2D20, through the warm #8A4F3D and balanced #B77A6D, culminating in the soft, almost rosy #D4B0A3. This cohesive collection is ideal for designers aiming to evoke a sense of history, rustic elegance, or organic warmth. Developers can readily implement these hex codes to create inviting user interfaces, authentic digital environments, or branding that requires a robust, characterful, and timeless aesthetic, ensuring a consistent and refined visual experience across all platforms.

Best used for

  • Rustic cafe or bakery branding
  • Historical reenactment club websites
  • Earthy-toned product packaging
  • Cozy interior design concepts
  • Vintage photography backdrops
  • Artisan craft fair marketing

Suggested color roles

primary

#5C2D20 - A deep, grounding brown, serving as a strong foundation for backgrounds or main sections, evoking stability and historical depth.

secondary

#8A4F3D - A warm, inviting mid-brown, excellent for content panels, subheadings, or larger decorative areas, adding an aged comfort.

accent

#D4B0A3 - A soft, light beige with a hint of rose, ideal for subtle highlights, delicate patterns, or interactive states, providing gentle contrast.

background

#B77A6D - A warm, muted terracotta-like shade, perfect as a primary background for content, offering good readability and an inviting base.

text

#3E1A10 - The darkest shade, providing excellent contrast for body text on lighter backgrounds like #D4B0A3 or #B77A6D, ensuring clear readability.

Accessibility notes

  • Ensure #3E1A10 text on #D4B0A3 or #B77A6D backgrounds meets WCAG contrast standards.
  • Avoid using #8A4F3D text on #B77A6D as the contrast might be insufficient for readability.
  • For critical text on #B77A6D, consider using #5C2D20 or a pure black for better contrast.
  • The lighter shades like #B77A6D and #D4B0A3 are best as backgrounds, not for text on each other.

Recommended combinations

Rustic Scroll

#D4B0A3 as a soft background, #3E1A10 for main text, and #5C2D20 for headings or important notes.

#D4B0A3 · #3E1A10 · #5C2D20

Woven Earth

#5C2D20 as a deep base, #B77A6D for content blocks, and #8A4F3D for subtle borders or patterns.

#5C2D20 · #B77A6D · #8A4F3D

Aged Fabric

#8A4F3D as a warm canvas, #3E1A10 for strong text, and #D4B0A3 for highlights or interactive elements.

#8A4F3D · #3E1A10 · #D4B0A3

CSS variables

:root {
  --medieval-tapestry-weave-4-1: #5C2D20;
  --medieval-tapestry-weave-4-2: #8A4F3D;
  --medieval-tapestry-weave-4-3: #B77A6D;
  --medieval-tapestry-weave-4-4: #D4B0A3;
  --medieval-tapestry-weave-4-5: #3E1A10;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "medieval-tapestry-weave-4": {
        1: "#5C2D20",
        2: "#8A4F3D",
        3: "#B77A6D",
        4: "#D4B0A3",
        5: "#3E1A10",
      }
    }
  }
}

Related searches

earthy brown color schememedieval rustic paletteaged woven hex codeshistoric warm brownsantique terracotta design

Palette colors

Hex values

Color 1#5C2D20
·
Color 2#8A4F3D
·
Color 3#B77A6D
·
Color 4#D4B0A3
·
Color 5#3E1A10
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.8:1Fail
3.3:1AA18
5.7:1AA
1.4:1Fail
2
1.8:1Fail
1.8:1Fail
3.2:1AA18
2.4:1Fail
3
3.3:1AA18
1.8:1Fail
1.8:1Fail
4.4:1AA18
4
5.7:1AA
3.2:1AA18
1.8:1Fail
7.7:1AAA
5
1.4:1Fail
2.4:1Fail
4.4:1AA18
7.7:1AAA

Similar palettes

More like Medieval Tapestry Weave

View all dark
Medieval Tapestry Weave
Regal Brocade Weave
Ancient Heraldry Rich
Art Deco Sapphire Gleam
Baronial Hall Tapestry
Baroque Opera Glam