Back to palettes

Palette

Faded Denim Memories

Soft, lived-in blues and gentle grays, evoking the comforting feel of a favorite pair of faded denim jeans.

neutralretro5 colors
More neutral palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Faded Denim Memories 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 Faded Denim Memories.

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

Data visualization

#4A6C9B#6A8BB0#8FAFCB#B4C6D9#D9D2C6

Palette guide

How to use Faded Denim Memories

Overview

The Faded Denim Memories palette masterfully blends soft, lived-in blues with gentle grays, evoking the comforting feel of a favorite pair of faded denim jeans and a distinct retro mood. From the deep #4A6C9B to the unique warm beige-grey #D9D2C6, this collection offers a sophisticated yet approachable aesthetic. Designers can leverage these hues for branding that feels authentic and nostalgic, while developers will find them ideal for crafting engaging user interfaces. The harmonious interplay of cool blues and the unexpected warmth of the beige-grey ensures a balanced and inviting visual experience across all digital and print applications, perfect for projects with a story to tell.

Best used for

  • Retro-chic branding and vintage-inspired marketing
  • Photography portfolios with a warm, muted aesthetic
  • Lifestyle blogs and online storytelling platforms
  • Artisanal product packaging and e-commerce
  • Comfortable app interfaces with a human touch
  • Editorial layouts for craft or home magazines

Suggested color roles

primary

Utilize #4A6C9B for core branding elements, main headings, or primary calls to action, providing a deep, muted blue anchor.

secondary

Apply #6A8BB0 for supportive information, secondary navigation, or data visualization, offering a harmonious mid-tone.

accent

Employ #B4C6D9 as a soft accent for subtle highlights, interactive states, or decorative patterns, adding a faded touch.

background

Use #D9D2C6 for main content backgrounds, offering a warm, gentle beige-grey canvas that feels inviting.

text

For dark, readable text, #4A6C9B provides excellent contrast on the lighter #D9D2C6 background, or a deep brown/charcoal like #444444.

Accessibility notes

  • Ensure #4A6C9B text on #D9D2C6 background meets WCAG AA or AAA contrast standards for optimal legibility.
  • Be cautious when using #B4C6D9 for text; it is best suited for backgrounds or large, non-text elements.
  • The lighter blues, #8FAFCB and #B4C6D9, may require darker text for sufficient contrast.
  • When differentiating elements, consider using a combination of color and subtle texture or iconography.

Recommended combinations

Warm Retro

Combines deep blue with a warm beige-grey and a supportive blue for a balanced, nostalgic look.

#4A6C9B · #D9D2C6 · #6A8BB0

Faded Blues

Creates a soft, gradient-like progression, ideal for layered UI elements or subtle background effects.

#6A8BB0 · #8FAFCB · #B4C6D9

Deep & Light

Provides strong visual hierarchy with a deep blue anchor, soft blue accent, and warm neutral background.

#4A6C9B · #B4C6D9 · #D9D2C6

CSS variables

:root {
  --faded-denim-memories-1: #4A6C9B;
  --faded-denim-memories-2: #6A8BB0;
  --faded-denim-memories-3: #8FAFCB;
  --faded-denim-memories-4: #B4C6D9;
  --faded-denim-memories-5: #D9D2C6;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "faded-denim-memories": {
        1: "#4A6C9B",
        2: "#6A8BB0",
        3: "#8FAFCB",
        4: "#B4C6D9",
        5: "#D9D2C6",
      }
    }
  }
}

Related searches

retro blue beige palettevintage denim greysoft cool warm schemecomforting muted colorsnostalgic ui design

Palette colors

Hex values

Color 1#4A6C9B
·
Color 2#6A8BB0
·
Color 3#8FAFCB
·
Color 4#B4C6D9
·
Color 5#D9D2C6
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.5:1Fail
2.3:1Fail
3.1:1AA18
3.6:1AA18
2
1.5:1Fail
1.5:1Fail
2:1Fail
2.4:1Fail
3
2.3:1Fail
1.5:1Fail
1.3:1Fail
1.5:1Fail
4
3.1:1AA18
2:1Fail
1.3:1Fail
1.2:1Fail
5
3.6:1AA18
2.4:1Fail
1.5:1Fail
1.2:1Fail

Similar palettes

More like Faded Denim Memories

View all neutral
Aged Indigo Fabric
Antique Textile Fades
Faded Photograph
Nostalgic Photo Album
Vintage Postcard Memories
Aged Atlas Hues