Palette

Vintage Blueprint Hues

Classic cool blues reminiscent of old architectural blueprints and faded denim.

coolminimal5 colors

More cool palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#30475E#7283A7#A9BDD8#DAE5F0#1E3146

Palette guide

How to use Vintage Blueprint Hues

Overview

The Vintage Blueprint Hues palette offers a sophisticated blend of cool blues, reminiscent of classic architectural drawings and aged denim. Featuring a deep Charleston Green (`#30475E`), a muted Independence Blue (`#7283A7`), and a lighter Glaucous (`#A9BDD8`), this collection provides a serene yet structured foundation for design. The very light Alice Blue (`#DAE5F0`) serves as an excellent neutral, while the dark Oxford Blue (`#1E3146`) grounds the palette with depth. Ideal for projects requiring a sense of history, precision, and understated elegance, these colors are perfect for conveying reliability and clarity in a refined manner.

Best used for

Architectural firm branding
Engineering and tech company websites
Academic and educational materials
Vintage-inspired product packaging
Corporate reports and presentations
Minimalist interior design concepts

Suggested color roles

primary

#30475E (Charleston Green) - Use as the dominant brand color or for significant UI elements, conveying authority and stability.

secondary

#7283A7 (Independence Blue) - Excellent for secondary headers, sub-sections, or complementary graphics, offering a softer blue contrast.

accent

#A9BDD8 (Glaucous) - Apply sparingly for subtle highlights, interactive states, or to draw attention to less critical information with a gentle touch.

background

#DAE5F0 (Alice Blue) - An ideal light background color, providing excellent readability and a clean, airy feel that lets other blues stand out.

text

#1E3146 (Oxford Blue) - Perfect for body text and critical information, offering strong contrast against lighter backgrounds while maintaining the palette's cool tone.

Accessibility notes

Ensure sufficient contrast when pairing `#A9BDD8` with lighter text; dark text is generally preferred for readability.
The light `#DAE5F0` provides excellent contrast for text in `#1E3146` or `#30475E`.
Avoid using `#A9BDD8` directly on `#7283A7` for small text due to potential low contrast.
Always test text legibility, especially for smaller font sizes, using a tool to check WCAG contrast ratios.

Recommended combinations

Classic Blueprint

Ideal for a clean, professional layout where `#DAE5F0` serves as background, `#1E3146` for text, and `#30475E` for headers.

#30475E · #DAE5F0 · #1E3146

Soft Contrast

Effective for creating a gentle, approachable interface, with `#7283A7` as a main element and `#30475E` for accents.

#7283A7 · #DAE5F0 · #30475E

Subtle Depth

Excellent for detailed data visualizations or subtle branding elements, with `#1E3146` providing depth and `#A9BDD8` as highlights.

#1E3146 · #A9BDD8 · #DAE5F0

CSS variables

:root {
  --vintage-blueprint-hues-1: #30475E;
  --vintage-blueprint-hues-2: #7283A7;
  --vintage-blueprint-hues-3: #A9BDD8;
  --vintage-blueprint-hues-4: #DAE5F0;
  --vintage-blueprint-hues-5: #1E3146;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "vintage-blueprint-hues": {
        1: "#30475E",
        2: "#7283A7",
        3: "#A9BDD8",
        4: "#DAE5F0",
        5: "#1E3146",
      }
    }
  }
}

Hex values

Color 1#30475E

Color 2#7283A7

Color 3#A9BDD8

Color 4#DAE5F0

Color 5#1E3146

Accessibility

Contrast checker

2.5:1Fail

5:1AA

7.5:1AAA

1.4:1Fail

2.5:1Fail

2:1Fail

3:1Fail

3.5:1AA18

5:1AA

2:1Fail

1.5:1Fail

6.9:1AA

7.5:1AAA

3:1Fail

1.5:1Fail

10.4:1AAA

1.4:1Fail

3.5:1AA18

6.9:1AA

10.4:1AAA

Similar palettes

More like Vintage Blueprint Hues