Back to palettes

Palette

Vintage Denim Patina

Washed-out blues and soft greens reminiscent of comfortable, well-loved vintage denim fabric.

coolcalm5 colors
More cool palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Vintage Denim Patina 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 Denim Patina.

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

Data visualization

#4682B4#7B9CBE#2F4F4F#A9BEDA#6A8C9E

Palette guide

How to use Vintage Denim Patina

Overview

The "Vintage Denim Patina" palette evokes the comforting, worn-in feel of well-loved denim and aged fabrics. It features a muted steel blue (#4682B4), a softer faded blue (#7B9CBE), a deep, sophisticated dark slate grey (#2F4F4F), a very light, almost dusty blue (#A9BEDA), and a cool, grey-blue (#6A8C9E). This collection is perfect for designers and developers aiming for a calm, understated retro aesthetic. Its subtle variations in cool tones provide depth and versatility, ideal for casual branding, comfortable UI designs, or editorial layouts that convey a sense of history and effortless style.

Best used for

  • Casual apparel branding and e-commerce sites
  • Interior design visualization and mood boards
  • Retro-inspired website backgrounds and textures
  • Photography portfolios with a muted, cool tone
  • Lifestyle blogs and digital publications
  • Sustainable fashion or vintage goods branding

Suggested color roles

primary

Use #4682B4 for main content areas or prominent branding elements, offering a grounded, reliable feel.

secondary

Employ #7B9CBE for supporting information or secondary navigation, providing a softer complement.

accent

#A9BEDA can be used for subtle highlights, interactive states, or background patterns, adding lightness.

background

#2F4F4F creates a sophisticated, deep base, allowing lighter blues to stand out gracefully. #A9BEDA can also be a soft, airy background.

text

For dark backgrounds like #2F4F4F, use #A9BEDA or white for excellent readability. For lighter backgrounds, #2F4F4F or a dark charcoal is recommended.

Accessibility notes

  • Ensure #A9BEDA (light blue) text has sufficient contrast against any background other than #2F4F4F.
  • #2F4F4F (dark slate grey) provides excellent contrast for lighter text colors within the palette.
  • Pairing #7B9CBE with #4682B4 might require careful consideration for text contrast; use for larger elements.
  • Prioritize #2F4F4F for body text on light backgrounds like #A9BEDA or #7B9CBE for optimal readability.

Recommended combinations

Worn Comfort

For a balanced, comfortable look, ideal for content sections with clear hierarchy.

#4682B4 · #A9BEDA · #2F4F4F

Faded Elegance

Perfect for sophisticated backgrounds and subtle UI elements, conveying depth and age.

#2F4F4F · #7B9CBE · #6A8C9E

Light Denim

Great for airy designs, using the darker shades for contrast in text or borders.

#A9BEDA · #6A8C9E · #4682B4

CSS variables

:root {
  --vintage-denim-patina-1: #4682B4;
  --vintage-denim-patina-2: #7B9CBE;
  --vintage-denim-patina-3: #2F4F4F;
  --vintage-denim-patina-4: #A9BEDA;
  --vintage-denim-patina-5: #6A8C9E;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "vintage-denim-patina": {
        1: "#4682B4",
        2: "#7B9CBE",
        3: "#2F4F4F",
        4: "#A9BEDA",
        5: "#6A8C9E",
      }
    }
  }
}

Related searches

vintage blue color schemefaded denim palettemuted cool tonesretro fabric colorspatina blue green palette

Palette colors

Hex values

Color 1#4682B4
·
Color 2#7B9CBE
·
Color 3#2F4F4F
·
Color 4#A9BEDA
·
Color 5#6A8C9E
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.4:1Fail
2.2:1Fail
2.2:1Fail
1.1:1Fail
2
1.4:1Fail
3.1:1AA18
1.5:1Fail
1.3:1Fail
3
2.2:1Fail
3.1:1AA18
4.7:1AA
2.5:1Fail
4
2.2:1Fail
1.5:1Fail
4.7:1AA
1.9:1Fail
5
1.1:1Fail
1.3:1Fail
2.5:1Fail
1.9:1Fail

Similar palettes

More like Vintage Denim Patina

View all cool
Denim Blue Quilt
Faded Denim Comfort
Faded Denim Comfort
Faded Denim Comfort
Faded Denim Dreams
Percale Finish