Back to palettes

Palette

Medieval Tapestry Weave

Deep, earthy hues and jewel tones, inspired by the intricate and storytelling threads of medieval tapestries.

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

#A52A2A#DAA520#2E8B57#483D8B#8B4513

Palette guide

How to use Medieval Tapestry Weave

Overview

This "Medieval Tapestry Weave" palette is a vibrant collection of deep, earthy hues and rich jewel tones, inspired by the intricate storytelling threads of ancient tapestries. It features a bold #A52A2A (Brown-Red), a luminous #DAA520 (Goldenrod), a serene #2E8B57 (Sea Green), and a mysterious #483D8B (Dark Slate Blue). The palette is grounded by the warm #8B4513 (Saddle Brown). Designers will find this powerful set ideal for projects demanding a historical, dramatic, or regal aesthetic. Developers can implement these hex codes to create compelling digital experiences, captivating branding, or immersive visuals that evoke a bygone era with a touch of ancient grandeur and narrative depth.

Best used for

  • Historical game environments or character design
  • Fantasy novel covers or illustrations
  • Museum gift shop product design
  • Cultural heritage organization branding
  • Art historical website themes
  • Renaissance fair or medieval festival marketing

Suggested color roles

primary

#A52A2A - A strong, deep brown-red, serving as a powerful and historical foundation for main sections or brand identity, evoking warmth and drama.

secondary

#2E8B57 - A rich, deep sea green, perfect for prominent headings, key interactive elements, or significant accents, offering a refreshing contrast.

accent

#DAA520 - A bright, luminous goldenrod, ideal for small, impactful details, icons, or decorative elements that need to stand out with a regal touch.

background

#483D8B - A profound, dark slate blue, offering a sophisticated and stable background, allowing brighter colors to pop with elegance.

text

For optimal readability, a light off-white or cream color on #483D8B or #A52A2A. Within the palette, #DAA520 could be used for large titles on dark backgrounds, but not body text.

Accessibility notes

  • Many colors are dark; ensure adequate contrast for text. Pure white or a very light cream is recommended for body text.
  • Avoid using #483D8B text on #A52A2A or #2E8B57, as contrast will likely be insufficient.
  • #DAA520 provides good contrast on #483D8B or #A52A2A for larger headings, but verify WCAG contrast ratios for smaller text.
  • Prioritize external text colors (e.g., white, light grey) to meet WCAG AA or AAA standards on these deep, rich backgrounds.

Recommended combinations

Royal Tapestry

#483D8B as a deep background, #DAA520 for ornate details or text, and #A52A2A for accent panels.

#483D8B · #DAA520 · #A52A2A

Forest & Fire

#2E8B57 as a rich green base, #8B4513 for earthy elements, and #DAA520 for illuminating highlights.

#2E8B57 · #8B4513 · #DAA520

Ancient Heraldry

#A52A2A for a bold shield background, #483D8B for a contrasting emblem, and #DAA520 for a regal border.

#A52A2A · #483D8B · #DAA520

CSS variables

:root {
  --medieval-tapestry-weave-1: #A52A2A;
  --medieval-tapestry-weave-2: #DAA520;
  --medieval-tapestry-weave-3: #2E8B57;
  --medieval-tapestry-weave-4: #483D8B;
  --medieval-tapestry-weave-5: #8B4513;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "medieval-tapestry-weave": {
        1: "#A52A2A",
        2: "#DAA520",
        3: "#2E8B57",
        4: "#483D8B",
        5: "#8B4513",
      }
    }
  }
}

Related searches

medieval jewel tone palettehistoric rich colorstapestry inspired hex codesdeep green red gold blueancient story design

Palette colors

Hex values

Color 1#A52A2A
·
Color 2#DAA520
·
Color 3#2E8B57
·
Color 4#483D8B
·
Color 5#8B4513
·

Accessibility

Contrast checker

1
2
3
4
5
1
3.2:1AA18
1.7:1Fail
1.3:1Fail
1:1Fail
2
3.2:1AA18
1.9:1Fail
4.1:1AA18
3.2:1AA18
3
1.7:1Fail
1.9:1Fail
2.1:1Fail
1.7:1Fail
4
1.3:1Fail
4.1:1AA18
2.1:1Fail
1.3:1Fail
5
1:1Fail
3.2:1AA18
1.7:1Fail
1.3:1Fail

Similar palettes

More like Medieval Tapestry Weave

View all dark
Baronial Hall Tapestry
Regal Brocade Weave
Regal Tapestry Hues
Victorian Era Velvet
Ancient Heraldry Rich
Baroque Opera Glam