Back to palettes

Palette

Aged Indigo Fabric

A comfortable, casual palette capturing the soft, faded blues and grays of worn vintage denim.

neutralretro5 colors
More neutral palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Aged Indigo 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 Aged Indigo Fabric.

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

Data visualization

#4682B4#6A5ACD#778899#B0C4DE#DCDCDC

Palette guide

How to use Aged Indigo Fabric

Overview

The Aged Indigo Fabric palette is a comfortable, casual collection capturing the soft, faded blues and grays of worn vintage denim. Ranging from the classic indigo of #4682B4 and the deeper #6A5ACD to the muted grays of #778899 and #B0C4DE, this palette is perfect for designs seeking a retro, relaxed, or enduring aesthetic. Designers can leverage these cool, subdued hues to create a sense of familiarity, comfort, and timeless appeal. The inclusion of #DCDCDC offers a clean, bright contrast, making this palette versatile for fashion branding, casual web interfaces, and print materials that aim for a relaxed yet sophisticated feel.

Best used for

  • Fashion and apparel branding
  • Casual lifestyle websites
  • Denim product showcases
  • Retro-themed digital interfaces
  • Comfort-focused home goods
  • Youth-oriented marketing materials

Suggested color roles

primary

Use #4682B4 as a dominant classic indigo for backgrounds or large content areas, providing a familiar, calm base.

secondary

Employ #6A5ACD for headers, navigation, or important sections, offering a deeper, sophisticated blue.

accent

Apply #B0C4DE as a soft, faded blue accent for highlights or interactive elements, mimicking worn denim.

background

Utilize #DCDCDC as a clean, light gray background, ensuring excellent readability and a fresh feel.

text

For body text, a dark charcoal or black (e.g., #333333) provides excellent contrast against #DCDCDC. For headlines, #4682B4 offers a strong, legible presence on lighter backgrounds.

Accessibility notes

  • Ensure sufficient contrast for dark text against #DCDCDC and #B0C4DE backgrounds for readability.
  • Avoid using #B0C4DE or #778899 for small body text on light backgrounds due to potential low contrast.
  • Test color pairings for interactive elements to guarantee they meet WCAG contrast requirements.
  • Consider using pure black text on #DCDCDC for maximum readability in body copy.

Recommended combinations

Faded Denim

Creates a soft, worn denim effect, ideal for backgrounds or layered UI elements.

#4682B4 · #B0C4DE · #778899

Indigo Contrast

Provides a clean, readable design with a light background and strong, deep blue text elements.

#DCDCDC · #6A5ACD · #4682B4

Soft Grays

Offers a subtle, neutral gradient, perfect for secondary backgrounds or understated design elements.

#778899 · #B0C4DE · #DCDCDC

CSS variables

:root {
  --aged-indigo-fabric-1: #4682B4;
  --aged-indigo-fabric-2: #6A5ACD;
  --aged-indigo-fabric-3: #778899;
  --aged-indigo-fabric-4: #B0C4DE;
  --aged-indigo-fabric-5: #DCDCDC;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "aged-indigo-fabric": {
        1: "#4682B4",
        2: "#6A5ACD",
        3: "#778899",
        4: "#B0C4DE",
        5: "#DCDCDC",
      }
    }
  }
}

Related searches

aged indigo color palettevintage denim colorsfaded blue gray schemeretro fabric palettecasual cool tones

Palette colors

Hex values

Color 1#4682B4
·
Color 2#6A5ACD
·
Color 3#778899
·
Color 4#B0C4DE
·
Color 5#DCDCDC
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.3:1Fail
1.1:1Fail
2.3:1Fail
3:1Fail
2
1.3:1Fail
1.5:1Fail
3:1Fail
3.9:1AA18
3
1.1:1Fail
1.5:1Fail
2:1Fail
2.7:1Fail
4
2.3:1Fail
3:1Fail
2:1Fail
1.3:1Fail
5
3:1Fail
3.9:1AA18
2.7:1Fail
1.3:1Fail

Similar palettes

More like Aged Indigo Fabric

View all neutral
Faded Denim Memories
Faded Photograph Memory
Sepia Bound Journal
Vintage Fabric Weave
Vintage Postcard Memories
Aged Sepia Memoir