Back to palettes

Palette

Vintage Denim Stitch

Classic shades of blue inspired by well-worn denim, evoking a sense of comfortable nostalgia.

coolretro5 colors
More cool palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#2B4D6C#5C8BAB#9EC8E0#1F384C#7AA6C3

Palette guide

How to use Vintage Denim Stitch

Overview

The "Vintage Denim Stitch" palette offers a harmonious collection of classic blues, reminiscent of well-loved, authentic denim. It features a deep, rich indigo (#2B4D6C), a medium-tone denim blue (#5C8BAB), a lighter, almost sky blue (#9EC8E0), a very dark, foundational blue (#1F384C), and a versatile mid-light blue (#7AA6C3). This palette is ideal for designers and developers seeking a timeless, comfortable, and reliable aesthetic. Its range of blues provides excellent depth and layering opportunities, perfect for creating inviting user interfaces, durable branding, or content that evokes a sense of heritage and casual sophistication.

Best used for

  • Classic apparel and fashion brand websites
  • Casual lifestyle blogs and online magazines
  • UI/UX design for comfortable, familiar apps
  • Product packaging for artisanal or heritage goods
  • Photography backdrops with a cool, understated mood
  • Websites for craftspeople or denim-related businesses

Suggested color roles

primary

Use #2B4D6C for main sections or strong headings, providing a solid, dependable presence.

secondary

Employ #5C8BAB for supporting content or interactive elements, offering a harmonious mid-tone.

accent

#9EC8E0 is perfect for subtle highlights, active states, or background patterns, adding lightness and freshness.

background

#1F384C can serve as a deep, anchoring background, making lighter blues pop effectively. #9EC8E0 can also be a soft, airy base.

text

For dark backgrounds like #1F384C or #2B4D6C, #9EC8E0 or white provides excellent readability. For lighter backgrounds, #1F384C or a deep charcoal is ideal.

Accessibility notes

  • Ensure #9EC8E0 (light blue) text has sufficient contrast against any background other than #1F384C or #2B4D6C.
  • #1F384C (dark blue) provides excellent contrast for lighter text colors within the palette, such as white.
  • Use #2B4D6C for body text on lighter backgrounds like #9EC8E0 or #7AA6C3 for optimal readability.
  • Avoid using #5C8BAB and #7AA6C3 for text/background pairings without careful contrast checking.

Recommended combinations

Deep Denim

For creating depth in UI elements or illustrations, with clear contrast.

#1F384C · #5C8BAB · #9EC8E0

Faded Classic

Ideal for a clean, classic denim look, great for content blocks and navigation.

#2B4D6C · #7AA6C3 · #9EC8E0

Highlight Stitch

Perfect for interactive elements or icons, with the darkest shade providing definition.

#5C8BAB · #9EC8E0 · #1F384C

CSS variables

:root {
  --vintage-denim-stitch-1: #2B4D6C;
  --vintage-denim-stitch-2: #5C8BAB;
  --vintage-denim-stitch-3: #9EC8E0;
  --vintage-denim-stitch-4: #1F384C;
  --vintage-denim-stitch-5: #7AA6C3;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "vintage-denim-stitch": {
        1: "#2B4D6C",
        2: "#5C8BAB",
        3: "#9EC8E0",
        4: "#1F384C",
        5: "#7AA6C3",
      }
    }
  }
}

Related searches

denim blue color schemevintage blue brandingclassic blue UI palettecool heritage colorsworn textile color scheme

Palette colors

Hex values

Color 1#2B4D6C
·
Color 2#5C8BAB
·
Color 3#9EC8E0
·
Color 4#1F384C
·
Color 5#7AA6C3
·

Accessibility

Contrast checker

1
2
3
4
5
1
2.4:1Fail
5:1AA
1.4:1Fail
3.4:1AA18
2
2.4:1Fail
2.1:1Fail
3.3:1AA18
1.4:1Fail
3
5:1AA
2.1:1Fail
6.8:1AA
1.5:1Fail
4
1.4:1Fail
3.3:1AA18
6.8:1AA
4.7:1AA
5
3.4:1AA18
1.4:1Fail
1.5:1Fail
4.7:1AA

Similar palettes

More like Vintage Denim Stitch

View all cool
Denim Dream
Faded Denim Blues
Faded Denim Patina
Worn Denim Blues
Faded Denim Days
Faded Denim Patina