Palette

Vintage Denim

A classic and comfortable collection of blues reminiscent of well-worn, favorite denim.

coolretro5 colors

More cool palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#6495ED#4682B4#5F9EA0#778899#191970

Palette guide

How to use Vintage Denim

Overview

The "Vintage Denim" palette offers a versatile and comforting range of blues, evoking the timeless appeal of well-worn, favorite denim. It includes a classic cornflower blue (#6495ED), a muted steel blue (#4682B4), a slightly greenish cadet blue (#5F9EA0), a soft slate grey (#778899), and a deep, anchoring midnight blue (#191970). This collection is perfect for designers and developers seeking a relaxed, authentic, and subtly retro aesthetic. Its harmonious blend of cool tones provides depth and versatility, ideal for creating inviting user interfaces, casual branding, or content that feels familiar and enduring.

Best used for

Fashion and lifestyle e-commerce platforms
Casual mobile app design and user interfaces
Brand identity for sustainable or vintage clothing
Photography editing with a cool, desaturated feel
Blog and website design for comfort-focused content
Interior design mood boards for relaxed spaces

Suggested color roles

primary

Use #6495ED for main interactive elements or hero sections, offering a friendly, approachable feel.

secondary

Employ #4682B4 for supporting content blocks or navigation, providing a reliable mid-tone.

accent

#5F9EA0 can be used for subtle highlights, interactive states, or decorative patterns, adding a touch of unique character.

background

#778899 offers a soft, neutral base, allowing brighter blues to subtly emerge. #191970 provides a deep, dramatic backdrop.

text

For dark backgrounds like #191970, white or #6495ED offers excellent readability. For lighter backgrounds, #191970 or a dark charcoal is recommended.

Accessibility notes

Ensure #6495ED (cornflower blue) text has sufficient contrast on lighter backgrounds, especially #778899.
#191970 (midnight blue) provides excellent contrast for light text, such as white or #6495ED.
Avoid using #778899 (slate grey) as a primary text color on light backgrounds without careful contrast checking.
Prioritize #191970 for body text on lighter backgrounds for optimal readability.

Recommended combinations

Classic Comfort

For a clean, inviting look, ideal for content hierarchy and readability.

#6495ED · #778899 · #191970

Deep Indigo

Perfect for creating depth in UI elements or illustrations, with strong contrast.

#191970 · #4682B4 · #5F9EA0

Faded Wash

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

#778899 · #6495ED · #4682B4

CSS variables

:root {
  --vintage-denim-1: #6495ED;
  --vintage-denim-2: #4682B4;
  --vintage-denim-3: #5F9EA0;
  --vintage-denim-4: #778899;
  --vintage-denim-5: #191970;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "vintage-denim": {
        1: "#6495ED",
        2: "#4682B4",
        3: "#5F9EA0",
        4: "#778899",
        5: "#191970",
      }
    }
  }
}

Hex values

Color 1#6495ED

Color 2#4682B4

Color 3#5F9EA0

Color 4#778899

Color 5#191970

Accessibility

Contrast checker

1.4:1Fail

1:1Fail

1.2:1Fail

5:1AA

1.4:1Fail

1.3:1Fail

1.1:1Fail

3.6:1AA18

1:1Fail

1.3:1Fail

1.2:1Fail

4.9:1AA

1.2:1Fail

1.1:1Fail

1.2:1Fail

4.1:1AA18

5:1AA

3.6:1AA18

4.9:1AA

4.1:1AA18

Similar palettes

More like Vintage Denim

Vintage Denim

See it in context.

Ready when you are.

Built with Vintage Denim.

How to use Vintage Denim

Overview

Best used for

Suggested color roles

Accessibility notes

Recommended combinations

Classic Comfort

Deep Indigo

Faded Wash

CSS variables

Tailwind config

Related searches

Hex values

Contrast checker

More like Vintage Denim