Back to palettes

Palette

Faded Denim Patina

Cool blues and muted purples create a comfortable, lived-in feel, like the soft, faded patina of a favorite denim jacket.

coolretro5 colors
More cool palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#2F4F4F#4682B4#6A5ACD#7B68EE#ADD8E6

Palette guide

How to use Faded Denim Patina

Overview

The 'Faded Denim Patina' palette (featuring #2F4F4F) offers a distinctive blend of cool, muted tones with an unexpected pop of vibrant purple. The deep #2F4F4F provides a strong, sophisticated anchor, while the classic steel blue #4682B4 adds a familiar denim touch. The palette truly stands out with the rich slate blue-violet #6A5ACD and the brighter medium slate blue #7B68EE, which introduce a playful yet elegant contrast. Finally, the light blue #ADD8E6 offers a refreshing, airy balance. Designers can leverage this unique combination for designs that are both retro and modern, providing a sophisticated edge.

Best used for

  • Eclectic branding and creative portfolios
  • Fashion and lifestyle content with a unique twist
  • Mobile apps seeking a memorable, distinct look
  • Artistic web designs and digital illustrations
  • Products aiming for a "retro-chic" or "modern vintage" appeal
  • UI/UX that blends classic comfort with vibrant accents

Suggested color roles

primary

Use #2F4F4F for bold headers, navigation, or strong brand elements, providing a sophisticated, grounding presence.

secondary

Apply #4682B4 for significant content blocks, subheadings, or secondary calls-to-action, offering a familiar, reliable blue.

accent

Incorporate #7B68EE for interactive elements, highlights, or key information, providing an energetic and engaging pop of color.

background

Utilize #ADD8E6 as a light, calming backdrop, ensuring good readability and a fresh feel.

text

Employ #2F4F4F for primary body text on light backgrounds like #ADD8E6, ensuring clear legibility. Use #ADD8E6 for text on darker backgrounds.

Accessibility notes

  • #2F4F4F text on #ADD8E6 background ensures excellent contrast for readability.
  • #7B68EE may require careful placement; ensure sufficient contrast when used for text, especially small sizes.
  • Interactive elements using #6A5ACD or #7B68EE should have clear visual indicators for states.
  • #4682B4 offers good contrast on #ADD8E6 and can be used for secondary text or links.

Recommended combinations

Bold Contrast

Creates a striking and modern design, excellent for hero sections or attention-grabbing calls-to-action.

#2F4F4F · #7B68EE · #ADD8E6

Denim & Violet

Blends classic denim with sophisticated violet, ideal for fashion-forward or artistic designs.

#4682B4 · #6A5ACD · #ADD8E6

Muted Harmony

Provides a rich, deep combination for backgrounds or elements requiring a more subdued elegance.

#2F4F4F · #4682B4 · #6A5ACD

CSS variables

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

Tailwind config

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

Related searches

blue purple color schemefaded denim with accentretro chic color paletteunique vintage design colorssophisticated cool tones

Palette colors

Hex values

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

Accessibility

Contrast checker

1
2
3
4
5
1
2.2:1Fail
1.7:1Fail
2.1:1Fail
5.8:1AA
2
2.2:1Fail
1.3:1Fail
1:1Fail
2.7:1Fail
3
1.7:1Fail
1.3:1Fail
1.3:1Fail
3.5:1AA18
4
2.1:1Fail
1:1Fail
1.3:1Fail
2.7:1Fail
5
5.8:1AA
2.7:1Fail
3.5:1AA18
2.7:1Fail

Similar palettes

More like Faded Denim Patina

View all cool
Worn Denim Faded
Faded Denim Days
Faded Denim Patina
Faded Denim Blues
Vintage Denim
Vintage Denim Stitch