Back to palettes

Palette

Medieval Tapestry Tales

Rich, deep jewel tones and earthy browns reminiscent of intricate, aged tapestries depicting ancient legends.

darkelegant5 colors
More dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#6E2C00#A93226#4A235A#283747#7B241C

Palette guide

How to use Medieval Tapestry Tales

Overview

The "Medieval Tapestry Tales" palette unfolds a narrative of deep, jewel-toned hues and earthy browns, drawing inspiration from ancient, intricate tapestries. This collection features a rich, burnt orange #6E2C00, a striking #A93226 red, a mysterious #4A235A purple, and a deep, somber #283747 blue-gray. The addition of #7B241C, a dark, muted red, ties the palette together with an aged feel. Designers will find this powerful set ideal for projects that demand a sense of history, drama, or regal depth. Developers can implement these hex codes to create immersive digital experiences, captivating branding, or compelling storytelling visuals that evoke a bygone era with a touch of ancient grandeur.

Best used for

  • Historical fiction book covers
  • Fantasy game world building
  • Museum exhibition branding
  • Luxury antique store website
  • Dramatic theatrical productions
  • High-end artisanal product packaging

Suggested color roles

primary

#283747 - A deep, enigmatic blue-gray, providing a strong, sophisticated foundation for backgrounds or main UI elements, evoking mystery.

secondary

#A93226 - A rich, impactful red, perfect for headlines, call-to-action buttons, or significant highlights, adding drama.

accent

#6E2C00 - A deep, burnt orange, ideal for subtle accents, decorative details, or to add warmth and contrast against the cooler tones.

background

#4A235A - A profound, dark purple, excellent for a luxurious and deep background, making lighter elements appear more vibrant.

text

For optimal readability, a light off-white or cream color on #283747 or #4A235A. Within the palette, #6E2C00 or #A93226 could be used for large titles on light backgrounds, but not body text.

Accessibility notes

  • All colors in this palette are very dark; ensure adequate contrast with text. Pure white or a very light cream is recommended for body text.
  • Avoid using any of these colors for text on each other, as contrast will almost certainly be insufficient.
  • Use #A93226 for larger headings or accents rather than small body text due to its intensity and potential for eye strain.
  • Prioritize WCAG AA or AAA contrast for all text elements, likely requiring text outside the palette (e.g., white or light grey) on these dark backgrounds.

Recommended combinations

Ancient Lore

#283747 as a deep background, #A93226 for powerful titles, and #6E2C00 for subtle, warm highlights.

#283747 · #A93226 · #6E2C00

Royal Drama

#4A235A for a regal backdrop, #7B241C for accent panels, and #A93226 for key call-outs or icons.

#4A235A · #7B241C · #A93226

Earthy Jewels

#6E2C00 as a rich base, #283747 for overlying content blocks, and #A93226 for impactful headings or buttons.

#6E2C00 · #283747 · #A93226

CSS variables

:root {
  --medieval-tapestry-tales-1: #6E2C00;
  --medieval-tapestry-tales-2: #A93226;
  --medieval-tapestry-tales-3: #4A235A;
  --medieval-tapestry-tales-4: #283747;
  --medieval-tapestry-tales-5: #7B241C;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "medieval-tapestry-tales": {
        1: "#6E2C00",
        2: "#A93226",
        3: "#4A235A",
        4: "#283747",
        5: "#7B241C",
      }
    }
  }
}

Related searches

deep jewel tone palettehistorical dark colorsancient tapestry hex codesregal dark color schemedramatic historical design

Palette colors

Hex values

Color 1#6E2C00
·
Color 2#A93226
·
Color 3#4A235A
·
Color 4#283747
·
Color 5#7B241C
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.6:1Fail
1.2:1Fail
1.2:1Fail
1:1Fail
2
1.6:1Fail
1.9:1Fail
1.8:1Fail
1.5:1Fail
3
1.2:1Fail
1.9:1Fail
1:1Fail
1.3:1Fail
4
1.2:1Fail
1.8:1Fail
1:1Fail
1.2:1Fail
5
1:1Fail
1.5:1Fail
1.3:1Fail
1.2:1Fail

Similar palettes

More like Medieval Tapestry Tales

View all dark
Baronial Hall Tapestry
Cathedral Window Glaze
Regal Tapestry Hues
Byzantine Jewel
Cathedral Glass Dream
Cathedral Glass Shadow