Back to palettes

Palette

Antique Maps Lore

Warm and faded tones that evoke the charm and mystery of ancient maps and hidden histories.

neutralretro5 colors
More neutral palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Antique Maps Lore 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 Antique Maps Lore.

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

Data visualization

#F5EEDC#E1D4BB#C2B099#9A8A7A#7A6E64

Palette guide

How to use Antique Maps Lore

Overview

The Antique Maps Lore palette features warm and faded tones that evoke the charm and mystery of ancient maps and hidden histories. Ranging from the deep #7A6E64 to the very light #F5EEDC, including #E1D4BB, #C2B099, and #9A8A7A, this palette is perfect for designers and developers seeking a neutral, vintage, or historical aesthetic. It's ideal for crafting user interfaces, branding, or visuals that convey a sense of exploration, timeless knowledge, and authentic craftsmanship. The blend of aged browns and creams creates a sophisticated yet approachable atmosphere, reminiscent of ancient cartography, blending tradition with modern appeal.

Best used for

  • Historical society websites
  • Vintage travel agency branding
  • E-commerce for antique maps or books
  • Educational content with a classic theme
  • Retro-themed game UI and art assets
  • Packaging for artisanal, old-world products

Suggested color roles

primary

Use #7A6E64 as a deep, anchoring color for main sections, headers, or strong text elements.

secondary

Apply #9A8A7A for supportive content, subheadings, or to add rich depth to illustrations.

accent

Highlight key information or interactive elements with #C2B099, providing a soft, aged paper feel.

background

Employ #F5EEDC or #E1D4BB for light, inviting backgrounds that offer excellent contrast for darker text.

text

For text on lighter backgrounds like #F5EEDC, use #7A6E64 or #9A8A7A for optimal readability. On darker backgrounds, a light cream or white works best.

Accessibility notes

  • Ensure #7A6E64 text on #F5EEDC backgrounds meets WCAG AA contrast requirements.
  • Be cautious when pairing #C2B099 with #E1D4BB for text to avoid low contrast issues.
  • Darker hues like #7A6E64 and #9A8A7A provide excellent readability for headings.
  • Always test color combinations for readability, especially for body text and navigation links.

Recommended combinations

Parchment Base

Creates a soft, readable base reminiscent of old paper, ideal for content-heavy sections.

#F5EEDC · #E1D4BB · #C2B099

Map Detail

Establishes a rich, historical feel for branding, navigation, or prominent UI elements.

#7A6E64 · #9A8A7A · #C2B099

Lore Contrast

Use for clear visual hierarchy, combining deep tones with light for impactful headings and calls to action.

#7A6E64 · #F5EEDC · #9A8A7A

CSS variables

:root {
  --antique-maps-lore-1: #F5EEDC;
  --antique-maps-lore-2: #E1D4BB;
  --antique-maps-lore-3: #C2B099;
  --antique-maps-lore-4: #9A8A7A;
  --antique-maps-lore-5: #7A6E64;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "antique-maps-lore": {
        1: "#F5EEDC",
        2: "#E1D4BB",
        3: "#C2B099",
        4: "#9A8A7A",
        5: "#7A6E64",
      }
    }
  }
}

Related searches

antique map color palettevintage paper tonesold brown and cream schemehistorical cartography colorsretro map aesthetic

Palette colors

Hex values

Color 1#F5EEDC
·
Color 2#E1D4BB
·
Color 3#C2B099
·
Color 4#9A8A7A
·
Color 5#7A6E64
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.3:1Fail
1.8:1Fail
2.9:1Fail
4.3:1AA18
2
1.3:1Fail
1.4:1Fail
2.3:1Fail
3.4:1AA18
3
1.8:1Fail
1.4:1Fail
1.6:1Fail
2.3:1Fail
4
2.9:1Fail
2.3:1Fail
1.6:1Fail
1.5:1Fail
5
4.3:1AA18
3.4:1AA18
2.3:1Fail
1.5:1Fail

Similar palettes

More like Antique Maps Lore

View all neutral