Back to palettes

Palette

Aged Textile Weave

Soft, faded neutrals and grays capturing the subtle texture and timeless quality of aged canvas.

neutralminimal5 colors
More neutral palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Aged Textile 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 Aged Textile Weave.

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

Data visualization

#7F7C7A#A3A09E#CFCBC9#4F4C4A#EBE8E6

Palette guide

How to use Aged Textile Weave

Overview

The Aged Textile Weave palette presents soft, faded neutrals and grays, capturing the subtle texture and timeless quality of aged canvas or linen. With deep #4F4C4A, mid-tones #7F7C7A and #A3A09E, and lighter shades #CFCBC9 and #EBE8E6, this collection is perfect for designers and developers seeking a minimalist, rustic, or quietly elegant aesthetic. These hex codes provide a versatile and calming foundation for projects that demand authenticity, natural textures, and understated sophistication, ideal for eco-conscious brands or serene digital environments.

Best used for

  • Sustainable fashion brand identity
  • Organic product packaging
  • Minimalist website design
  • Interior decor blogs (e.g., Scandinavian)
  • Textile art exhibition graphics
  • Handcrafted goods marketing

Suggested color roles

primary

Utilize #4F4C4A as the deepest, most grounding shade for main headers, footers, or dominant brand elements, signifying stability.

secondary

Apply #7F7C7A for supporting sections, subheadings, or larger content blocks, offering a balanced mid-grey.

accent

Highlight key information or interactive elements with #A3A09E, a lighter grey that provides subtle contrast and texture.

background

Choose #EBE8E6 for clean, soft backgrounds, mimicking the delicate texture of aged fabric for optimal readability.

text

For optimal readability on light backgrounds, #4F4C4A provides strong contrast. On darker backgrounds like #7F7C7A, #CFCBC9 works well for text.

Accessibility notes

  • Ensure sufficient contrast between #EBE8E6 and lighter text colors like #CFCBC9 for accessibility.
  • The darkest color, #4F4C4A, provides strong contrast for text on #EBE8E6 or #CFCBC9.
  • Avoid using #CFCBC9 as text on #A3A09E unless for very large, decorative headlines.
  • Prioritize contrast for interactive elements to ensure clear user feedback and usability.

Recommended combinations

Canvas Contrast

Ideal for a strong, minimalist layout with dark text, a light grey accent, and a soft, airy background.

#4F4C4A · #A3A09E · #EBE8E6

Woven Layers

Excellent for creating layered content with mid-tone elements on a lighter background, grounded by dark text.

#7F7C7A · #CFCBC9 · #4F4C4A

Soft Linen Blend

Perfect for subtle transitions or soft, inviting sections, moving from the lightest background to gentle, muted details.

#EBE8E6 · #A3A09E · #7F7C7A

CSS variables

:root {
  --aged-textile-weave-1: #7F7C7A;
  --aged-textile-weave-2: #A3A09E;
  --aged-textile-weave-3: #CFCBC9;
  --aged-textile-weave-4: #4F4C4A;
  --aged-textile-weave-5: #EBE8E6;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "aged-textile-weave": {
        1: "#7F7C7A",
        2: "#A3A09E",
        3: "#CFCBC9",
        4: "#4F4C4A",
        5: "#EBE8E6",
      }
    }
  }
}

Related searches

aged fabric color paletteneutral textile designworn canvas aestheticminimalist grey schemerustic linen color ideas

Palette colors

Hex values

Color 1#7F7C7A
·
Color 2#A3A09E
·
Color 3#CFCBC9
·
Color 4#4F4C4A
·
Color 5#EBE8E6
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.6:1Fail
2.6:1Fail
2.1:1Fail
3.4:1AA18
2
1.6:1Fail
1.6:1Fail
3.3:1AA18
2.1:1Fail
3
2.6:1Fail
1.6:1Fail
5.3:1AA
1.3:1Fail
4
2.1:1Fail
3.3:1AA18
5.3:1AA
7:1AA
5
3.4:1AA18
2.1:1Fail
1.3:1Fail
7:1AA

Similar palettes

More like Aged Textile Weave

View all neutral