Back to palettes

Palette

Antique Map Sepia

Evokes the faded charm and aged tones of historical maps and ancient manuscripts.

neutralretro5 colors
More neutral palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Antique Map Sepia 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 Map Sepia.

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

Data visualization

#EDE0D4#D8C6AD#C2AB89#A68C6A#856A4F

Palette guide

How to use Antique Map Sepia

Overview

The Antique Map Sepia palette evokes the faded charm and aged tones of historical maps and ancient manuscripts. Ranging from the deep #856A4F to the light #EDE0D4, including #D8C6AD, #C2AB89, and #A68C6A, 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 #856A4F as a deep, anchoring color for main sections, headers, or strong text elements.

secondary

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

accent

Highlight key information or interactive elements with #C2AB89, providing a soft, aged parchment feel.

background

Employ #EDE0D4 or #D8C6AD for light, inviting backgrounds that offer excellent contrast for darker text.

text

For text on lighter backgrounds like #EDE0D4, use #856A4F or #A68C6A for optimal readability. On darker backgrounds, a light cream or white works best.

Accessibility notes

  • Ensure #856A4F text on #EDE0D4 backgrounds meets WCAG AA contrast requirements.
  • Be cautious when pairing #C2AB89 with #D8C6AD for text to avoid low contrast issues.
  • Darker hues like #856A4F and #A68C6A provide excellent readability for headings.
  • Always test color combinations for readability, especially for body text and navigation links.

Recommended combinations

Sepia Base

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

#EDE0D4 · #D8C6AD · #C2AB89

Faded Ink

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

#856A4F · #A68C6A · #C2AB89

Vintage Contrast

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

#856A4F · #EDE0D4 · #A68C6A

CSS variables

:root {
  --antique-map-sepia-1: #EDE0D4;
  --antique-map-sepia-2: #D8C6AD;
  --antique-map-sepia-3: #C2AB89;
  --antique-map-sepia-4: #A68C6A;
  --antique-map-sepia-5: #856A4F;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "antique-map-sepia": {
        1: "#EDE0D4",
        2: "#D8C6AD",
        3: "#C2AB89",
        4: "#A68C6A",
        5: "#856A4F",
      }
    }
  }
}

Related searches

antique map sepia palettevintage brown and creamold paper colorsretro historic aestheticfaded manuscript tones

Palette colors

Hex values

Color 1#EDE0D4
·
Color 2#D8C6AD
·
Color 3#C2AB89
·
Color 4#A68C6A
·
Color 5#856A4F
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.3:1Fail
1.7:1Fail
2.5:1Fail
3.9:1AA18
2
1.3:1Fail
1.3:1Fail
1.9:1Fail
3:1AA18
3
1.7:1Fail
1.3:1Fail
1.4:1Fail
2.3:1Fail
4
2.5:1Fail
1.9:1Fail
1.4:1Fail
1.6:1Fail
5
3.9:1AA18
3:1AA18
2.3:1Fail
1.6:1Fail

Similar palettes

More like Antique Map Sepia

View all neutral