Palette

Vintage Travel Map

Evokes the faded charm of antique maps, with aged parchment tones and dark, worn edges.

neutralretro5 colors

More neutral palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#F2E7D7#D9C7B2#B3A18C#8F7D6D#5A4D3D

Palette guide

How to use Vintage Travel Map

Overview

The Vintage Travel Map palette captures the faded charm of antique maps, with aged parchment tones and dark, worn edges. It transitions from a light cream, `#F2E7D7`, and a light beige, `#D9C7B2`, through medium taupe, `#B3A18C`, and darker taupe, `#8F7D6D`, to a deep brown, `#5A4D3D`. This cohesive collection is perfect for designers and developers aiming to evoke a sense of adventure, history, and nostalgic exploration in their digital or print projects, offering a sophisticated and grounded aesthetic.

Best used for

Travel blogs and adventure-themed websites
Historical documentary branding and interfaces
Vintage-themed event invitations and decor
Rustic decor and interior design accents
Artisanal leather goods branding and packaging
Academic publications with a classic feel

Suggested color roles

primary

Use `#B3A18C` as a grounding, classic primary for headings or key visual elements, establishing a sense of history.

secondary

Apply `#D9C7B2` for warm, inviting complementary sections, sidebars, or as a textured background.

accent

Incorporate `#8F7D6D` for borders, subtle depth, or to highlight important geographical features.

background

Utilize `#F2E7D7` as a light, aged parchment background, providing a clean and authentic canvas.

text

Employ `#5A4D3D` for highly readable body text, or `#8F7D6D` for secondary text or captions, ensuring clarity and an antique feel.

Accessibility notes

Ensure `#5A4D3D` and `#8F7D6D` provide sufficient contrast against lighter backgrounds like `#F2E7D7`.
Avoid using lighter shades like `#D9C7B2` for critical text on similar light backgrounds due to potential low contrast.
When using darker browns as backgrounds, ensure text is a light, contrasting color (e.g., white or `#F2E7D7`).
Test readability of all text sizes, especially for small print on maps or legends, within this muted palette.

Recommended combinations

Aged Parchment

Creates a classic map-like aesthetic, perfect for main content areas or historical document layouts.

#F2E7D7 · #5A4D3D · #B3A18C

Earthy Journey

Evokes a rich, grounded feel, suitable for branding or elements needing depth and an inviting warmth.

#D9C7B2 · #8F7D6D · #5A4D3D

Faded History

A soft, nostalgic look, ideal for subtle graphic elements or backgrounds that convey a sense of time.

#B3A18C · #F2E7D7 · #D9C7B2

CSS variables

:root {
  --vintage-travel-map-1: #F2E7D7;
  --vintage-travel-map-2: #D9C7B2;
  --vintage-travel-map-3: #B3A18C;
  --vintage-travel-map-4: #8F7D6D;
  --vintage-travel-map-5: #5A4D3D;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "vintage-travel-map": {
        1: "#F2E7D7",
        2: "#D9C7B2",
        3: "#B3A18C",
        4: "#8F7D6D",
        5: "#5A4D3D",
      }
    }
  }
}

Hex values

Color 1#F2E7D7

Color 2#D9C7B2

Color 3#B3A18C

Color 4#8F7D6D

Color 5#5A4D3D

Accessibility

Contrast checker

1.3:1Fail

2:1Fail

3.2:1AA18

6.7:1AA

1.3:1Fail

1.5:1Fail

2.4:1Fail

5:1AA

2:1Fail

1.5:1Fail

1.6:1Fail

3.3:1AA18

3.2:1AA18

2.4:1Fail

1.6:1Fail

2.1:1Fail

6.7:1AA

5:1AA

3.3:1AA18

2.1:1Fail

Similar palettes

More like Vintage Travel Map

View all neutral

Ancient Papyrus Scroll

Aged Atlas Hues

Aged Parchment Whisper

Antique Map Parchment

Antique Map Sepia

Antique Maps Lore