Back to palettes

Palette

Vintage Map Compass

Evokes the faded charm of old geographical charts and the allure of historical exploration.

EarthRetro5 colors
More Earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#7B3F00#B8860B#008080#FFFACD#8B0000

Palette guide

How to use Vintage Map Compass

Overview

The Vintage Map Compass palette evokes the spirit of historical exploration with its rich, antique-inspired hues. Featuring a deep, earthy brown #7B3F00, a gleaming golden #B8860B, a distinctive teal #008080, a soft parchment #FFFACD, and a bold maroon #8B0000, this palette is full of character. It captures the essence of aged maps, brass instruments, and adventurous journeys. Ideal for designs that aim for a rustic, sophisticated, or adventurous aesthetic, this collection provides a robust foundation for branding, digital content, and print materials that seek to convey history, discovery, and timeless appeal.

Best used for

  • Travel agency branding with a historical twist
  • Adventure or outdoor gear e-commerce
  • Museum or historical exhibition design
  • Editorial content on history or exploration
  • Branding for artisanal crafts or bespoke goods
  • Website themes for educational resources

Suggested color roles

primary

Utilize #7B3F00 or #008080 as a dominant color for main sections or branding, establishing a grounded yet intriguing presence.

secondary

Employ #FFFACD as a clean, aged background, providing excellent contrast and a sense of vintage paper.

accent

Reserve the vibrant #B8860B or the deep #8B0000 for impactful accents, calls-to-action, or key navigational elements, drawing attention effectively.

background

The soft #FFFACD is perfect for primary backgrounds, mimicking aged parchment. For darker sections, #7B3F00 can serve as a rich backdrop with light text.

text

For body text, use the deep #7B3F00 or #8B0000 against light backgrounds like #FFFACD to ensure strong readability. Black can also be used for maximum contrast.

Accessibility notes

  • Ensure high contrast between text colors like #7B3F00, #008080, or #8B0000 and the light background #FFFACD for WCAG AA compliance.
  • Be cautious with #B8860B for small text on #FFFACD; always check contrast ratios.
  • Ensure interactive elements using #B8860B or #8B0000 have sufficient contrast against their surrounding elements.
  • Provide clear focus states for interactive elements, especially given the distinct hues.

Recommended combinations

Exploration Map

Deep brown (#7B3F00) for headers, parchment background (#FFFACD), with teal (#008080) for links or accents.

#7B3F00 · #FFFACD · #008080

Brass & Compass

Golden (#B8860B) for highlights, maroon (#8B0000) for strong calls-to-action, on a light background (#FFFACD).

#B8860B · #8B0000 · #FFFACD

Ancient Chart

Teal (#008080) for main content, deep brown (#7B3F00) for secondary details, on a parchment base (#FFFACD).

#008080 · #7B3F00 · #FFFACD

CSS variables

:root {
  --vintage-map-compass-1: #7B3F00;
  --vintage-map-compass-2: #B8860B;
  --vintage-map-compass-3: #008080;
  --vintage-map-compass-4: #FFFACD;
  --vintage-map-compass-5: #8B0000;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "vintage-map-compass": {
        1: "#7B3F00",
        2: "#B8860B",
        3: "#008080",
        4: "#FFFACD",
        5: "#8B0000",
      }
    }
  }
}

Related searches

vintage travel paletteantique map colorsexplorer aesthetic schemerustic earthy tealold world color codes

Palette colors

Hex values

Color 1#7B3F00
·
Color 2#B8860B
·
Color 3#008080
·
Color 4#FFFACD
·
Color 5#8B0000
·

Accessibility

Contrast checker

1
2
3
4
5
1
2.5:1Fail
1.7:1Fail
7.8:1AAA
1.2:1Fail
2
2.5:1Fail
1.5:1Fail
3.1:1AA18
3.1:1AA18
3
1.7:1Fail
1.5:1Fail
4.5:1AA
2.1:1Fail
4
7.8:1AAA
3.1:1AA18
4.5:1AA
9.4:1AAA
5
1.2:1Fail
3.1:1AA18
2.1:1Fail
9.4:1AAA

Similar palettes

More like Vintage Map Compass

View all Earth