Back to palettes

Palette

Ancient Loom Fabric

Earthy browns and worn beiges echo the rich, storied textures of fabric woven on an old loom.

earthnatural5 colors
More earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Ancient Loom Fabric 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 Ancient Loom Fabric.

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

Data visualization

#8B4513#CD853F#A0522D#D2B48C#F5DEB3

Palette guide

How to use Ancient Loom Fabric

Overview

The Ancient Loom Fabric palette weaves together earthy browns and worn beiges, echoing the rich, storied textures of antique textiles. This warm collection features a deep russet #8B4513, a inviting medium brown #CD853F, and a classic reddish-brown #A0522D. Developers and designers can leverage these natural hues for projects demanding an artisanal, rustic, or historical aesthetic. The palette is softened by a versatile beige #D2B48C and a light, almost creamy #F5DEB3, providing excellent options for backgrounds, text, and decorative elements, ensuring a cohesive and comforting visual experience that speaks of craftsmanship and heritage.

Best used for

  • Handmade craft e-commerce websites
  • Textile and fabric design inspiration
  • Rustic home decor branding
  • Historical reenactment or cultural heritage sites
  • Artisan food packaging
  • Blogs focused on traditional skills or sustainable living

Suggested color roles

primary

Use #8B4513 (Russet Brown) for dominant sections, headers, or a strong brand base, conveying warmth and tradition.

secondary

Apply #A0522D (Reddish Brown) for supporting elements, sidebars, or card backgrounds, adding depth and a subtle warmth.

accent

Employ #CD853F (Medium Brown) for interactive elements, highlights, or decorative details, providing an inviting focal point.

background

The light #F5DEB3 (Creamy Beige) serves as an excellent, soft background, allowing darker text to stand out clearly.

text

For lighter backgrounds, use #8B4513 or a deep charcoal black for optimal readability. For dark backgrounds, use white.

Accessibility notes

  • Ensure sufficient contrast for text when using #D2B48C (Beige) on #F5DEB3 (Creamy Beige); it may be too subtle for readability.
  • Pair #8B4513 (Russet Brown) or a deep charcoal with #F5DEB3 for text to meet WCAG AA contrast standards.
  • Avoid using #CD853F (Medium Brown) on #A0522D (Reddish Brown) for small text; the contrast might be insufficient.
  • The overall warm and earthy nature of the palette means attention to clear visual hierarchy is important for user experience.

Recommended combinations

Woven Comfort

Ideal for a clean, natural website layout with good text readability and a comforting, earthy feel.

#8B4513 · #D2B48C · #F5DEB3

Artisan Hues

Great for section headers, card backgrounds, or elements needing a refined, handmade texture.

#A0522D · #CD853F · #D2B48C

Earthy Depth

Use the darkest shades for impactful headings or calls-to-action against a light, inviting background.

#F5DEB3 · #8B4513 · #A0522D

CSS variables

:root {
  --ancient-loom-fabric-1: #8B4513;
  --ancient-loom-fabric-2: #CD853F;
  --ancient-loom-fabric-3: #A0522D;
  --ancient-loom-fabric-4: #D2B48C;
  --ancient-loom-fabric-5: #F5DEB3;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "ancient-loom-fabric": {
        1: "#8B4513",
        2: "#CD853F",
        3: "#A0522D",
        4: "#D2B48C",
        5: "#F5DEB3",
      }
    }
  }
}

Related searches

earthy brown color palettenatural fabric colorsrustic design schemewarm beige hex codestraditional artisan colors

Palette colors

Hex values

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

Accessibility

Contrast checker

1
2
3
4
5
1
2.4:1Fail
1.3:1Fail
3.6:1AA18
5.4:1AA
2
2.4:1Fail
1.9:1Fail
1.5:1Fail
2.3:1Fail
3
1.3:1Fail
1.9:1Fail
2.8:1Fail
4.3:1AA18
4
3.6:1AA18
1.5:1Fail
2.8:1Fail
1.5:1Fail
5
5.4:1AA
2.3:1Fail
4.3:1AA18
1.5:1Fail

Similar palettes

More like Ancient Loom Fabric

View all earth
Bohemian Earth Weave
Jute Fibre
Terra Cotta Soul
Woven Basket Texture
Woven Reed Basket
Aged Wood Stain