Back to palettes

Palette

Vintage Fabric Weave

Soft, muted browns and beiges reflect the subtle textures and warm feel of aged, hand-woven vintage textiles.

neutralretro5 colors
More neutral palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Vintage Fabric 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 Vintage Fabric Weave.

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

Data visualization

#6B5F54#978B81#BCA698#E2D6CC#CCB08A

Palette guide

How to use Vintage Fabric Weave

Overview

The Vintage Fabric Weave palette offers a sophisticated range of soft, muted browns and beiges, perfect for designs aiming for a warm, aged aesthetic. With primary tones like #6B5F54 and lighter shades such as #E2D6CC, this collection evokes the subtle textures and comforting feel of hand-woven vintage textiles. Designers will find it ideal for creating depth and warmth without overwhelming vibrancy, making it versatile for both digital and print applications. The rich #CCB08A provides a touch of understated elegance, ensuring a cohesive and inviting visual experience. This palette is excellent for projects requiring a sense of history, comfort, and natural elegance.

Best used for

  • Brand identities for artisan crafts or vintage shops
  • Cozy interior design mockups and mood boards
  • Website themes for antique dealers or heritage brands
  • Print materials like invitations or brochures with a classic feel
  • Packaging for natural, organic, or handcrafted products
  • UI/UX designs needing a warm, unobtrusive background

Suggested color roles

primary

Use #6B5F54 as a strong anchor for headers, main navigation, or dominant content blocks, providing a grounded, warm presence.

secondary

Employ #978B81 for subheadings, secondary information, or large background areas to maintain a soft, inviting tone.

accent

Apply #CCB08A sparingly for call-to-action buttons, highlights, or decorative elements to introduce a subtle, sophisticated warmth.

background

Utilize #E2D6CC for clean, breathable backgrounds that offer excellent readability and a soft, inviting canvas.

text

For body text, a dark charcoal like #333333 or #6B5F54 provides excellent contrast against lighter backgrounds like #E2D6CC.

Accessibility notes

  • Ensure sufficient contrast when pairing #6B5F54 or #978B81 with lighter text colors like #E2D6CC.
  • Avoid placing #CCB08A text directly on #E2D6CC backgrounds; check WCAG guidelines for readability.
  • Use #E2D6CC for primary backgrounds to maximize readability for most text colors.
  • Consider using a darker shade such as #6B5F54 for text over #978B81 for better legibility.

Recommended combinations

Warm Base

Ideal for foundational layouts, offering a gentle gradient of warmth and depth.

#E2D6CC · #978B81 · #6B5F54

Elegant Accent

Highlights key elements with a touch of golden brown against a muted canvas.

#E2D6CC · #CCB08A · #6B5F54

Subtle Depth

Creates a soft, layered effect, perfect for subtle distinctions in content hierarchy.

#BCA698 · #978B81 · #CCB08A

CSS variables

:root {
  --vintage-fabric-weave-1: #6B5F54;
  --vintage-fabric-weave-2: #978B81;
  --vintage-fabric-weave-3: #BCA698;
  --vintage-fabric-weave-4: #E2D6CC;
  --vintage-fabric-weave-5: #CCB08A;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "vintage-fabric-weave": {
        1: "#6B5F54",
        2: "#978B81",
        3: "#BCA698",
        4: "#E2D6CC",
        5: "#CCB08A",
      }
    }
  }
}

Related searches

vintage neutral color schemefabric texture paletteretro brown beige colorsmuted earth tone palettewarm vintage design

Palette colors

Hex values

Color 1#6B5F54
·
Color 2#978B81
·
Color 3#BCA698
·
Color 4#E2D6CC
·
Color 5#CCB08A
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.9:1Fail
2.7:1Fail
4.3:1AA18
3:1Fail
2
1.9:1Fail
1.4:1Fail
2.3:1Fail
1.6:1Fail
3
2.7:1Fail
1.4:1Fail
1.6:1Fail
1.1:1Fail
4
4.3:1AA18
2.3:1Fail
1.6:1Fail
1.5:1Fail
5
3:1Fail
1.6:1Fail
1.1:1Fail
1.5:1Fail

Similar palettes

More like Vintage Fabric Weave

View all neutral