Back to palettes

Palette

Faded Denim Memories

Soft, muted blues and greys conjure images of well-worn, cherished denim jeans.

MonochromeRetro5 colors
More Monochrome 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

#4682B4#6A5ACD#7B68EE#ADD8E6#D3D3D3

Palette guide

How to use Faded Denim Memories

Overview

The Faded Denim Memories palette weaves together soft, muted blues and a gentle grey to conjure images of well-worn, cherished denim jeans with a distinct retro mood. The anchor of #4682B4 is beautifully complemented by the unique purple-blues #6A5ACD and #7B68EE, while #D3D3D3 provides a clean, neutral balance. Designers can leverage this palette to create nostalgic, comfortable, and subtly playful brand experiences. Developers will find these hues effective for crafting engaging user interfaces that evoke a sense of vintage charm without sacrificing modern usability, making it ideal for projects that blend old-school appeal with contemporary design.

Best used for

  • Retro branding and vintage e-commerce platforms
  • Nostalgic content and storytelling websites
  • Art and craft blogs or online communities
  • Unique mobile app themes with a classic touch
  • Soft product visualization and packaging
  • Event invitations and marketing for themed gatherings

Suggested color roles

primary

Utilize #4682B4 for core branding elements, main headings, or primary calls to action, providing a stable, classic base.

secondary

Apply #6A5ACD for supporting sections, subheadings, or unique graphical elements, adding a muted periwinkle depth.

accent

Employ #7B68EE as a vibrant accent for interactive elements, key data points, or a playful pop in illustrations, drawing attention.

background

Use #D3D3D3 for main content backgrounds, offering a light, neutral grey canvas that enhances readability.

text

For dark, readable text, #4682B4 provides excellent contrast on the lighter #D3D3D3 background, or a deep charcoal like #333333.

Accessibility notes

  • Ensure #4682B4 or a darker text has sufficient contrast against #D3D3D3 for all body text sizes.
  • Be cautious when using #7B68EE for small text on light backgrounds; prefer it for larger headings or graphic elements.
  • The purple-blues #6A5ACD and #7B68EE are close in value; differentiate interactive states with clear visual cues beyond color.
  • For critical information, use high-contrast pairings like #4682B4 text on #D3D3D3 background.

Recommended combinations

Retro Denim

Creates a classic vintage feel, perfect for header, sub-elements, and a clean, neutral background.

#4682B4 · #6A5ACD · #D3D3D3

Vibrant Pop

Highlights the unique purple-blue accents against a neutral base, ideal for calls to action or playful graphics.

#6A5ACD · #7B68EE · #D3D3D3

Muted Harmony

Offers a balanced blend of blues with a subtle accent, suitable for layered UI components or illustrations.

#4682B4 · #7B68EE · #ADD8E6

CSS variables

:root {
  --faded-denim-memories-2-1: #4682B4;
  --faded-denim-memories-2-2: #6A5ACD;
  --faded-denim-memories-2-3: #7B68EE;
  --faded-denim-memories-2-4: #ADD8E6;
  --faded-denim-memories-2-5: #D3D3D3;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "faded-denim-memories-2": {
        1: "#4682B4",
        2: "#6A5ACD",
        3: "#7B68EE",
        4: "#ADD8E6",
        5: "#D3D3D3",
      }
    }
  }
}

Related searches

retro blue grey palettevintage denim colorsmuted cool tonesperiwinkle design schemenostalgic ui

Palette colors

Hex values

Color 1#4682B4
·
Color 2#6A5ACD
·
Color 3#7B68EE
·
Color 4#ADD8E6
·
Color 5#D3D3D3
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.3:1Fail
1:1Fail
2.7:1Fail
2.7:1Fail
2
1.3:1Fail
1.3:1Fail
3.5:1AA18
3.5:1AA18
3
1:1Fail
1.3:1Fail
2.7:1Fail
2.8:1Fail
4
2.7:1Fail
3.5:1AA18
2.7:1Fail
1:1Fail
5
2.7:1Fail
3.5:1AA18
2.8:1Fail
1:1Fail

Similar palettes

More like Faded Denim Memories

View all Monochrome
Arctic Ice Cavern
Bowling Alley Retro
Cherry Blossom Dew
Diner Mint & Chrome
Faded Denim Patina
Monochrome Ocean Depths