Back to palettes

Palette

Antique Maps Sepia

Warm, aged browns and creams, evocative of treasured, timeworn antique maps.

neutralretro5 colors
More neutral palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#4a3a2e#7d6c5e#ad9b8c#d3c2b5#f0e0d1

Palette guide

How to use Antique Maps Sepia

Overview

The Antique Maps Sepia palette offers a rich, historical aesthetic, perfect for designs requiring a vintage or aged feel. Dominated by warm, earthy browns and creams, this collection evokes the treasured look of old cartography. With hues ranging from the deep, grounding #4a3a2e to the soft, parchment-like #f0e0d1, designers can craft sophisticated interfaces, branding, or editorial layouts that convey authenticity and timelessness. The mid-tones like #7d6c5e and #ad9b8c provide excellent versatility for subtle gradients and detailed elements. Developers will find these hex codes ideal for creating themed web pages, mobile apps, or game interfaces where a consistent retro mood is desired, ensuring a cohesive and immersive user experience.

Best used for

  • Vintage-themed websites and blogs
  • Branding for artisanal products or heritage brands
  • Book cover designs and editorial layouts
  • Historical documentary graphics
  • Retro game UI/UX
  • Interior design mood boards for classic spaces

Suggested color roles

primary

Use #4a3a2e as a foundational dark tone for headers, strong lines, or primary calls-to-action, establishing a deep, authoritative base.

secondary

Employ #7d6c5e for supporting elements, subheadings, or background sections that need more visual weight than lighter tones but less intensity than the primary dark.

accent

Apply #ad9b8c sparingly for highlights, decorative elements, or interactive states, providing a gentle contrast that maintains the antique feel.

background

Utilize #f0e0d1 as a soft, warm background, mimicking aged paper to enhance readability and provide a comforting, inviting canvas.

text

For body text, use the darkest shade #4a3a2e against lighter backgrounds like #f0e0d1 or #d3c2b5 to ensure optimal readability. For darker backgrounds, a near-white or light cream text would be appropriate.

Accessibility notes

  • Ensure sufficient contrast between #4a3a2e text and #f0e0d1 background for WCAG AA compliance.
  • Avoid pairing #ad9b8c directly with #d3c2b5 for small text due to potentially low contrast.
  • Use larger font sizes or bolding for text using mid-tones like #7d6c5e on lighter backgrounds.
  • Consider using a dark charcoal or black for critical text elements on the lightest background #f0e0d1 if #4a3a2e doesn't meet specific contrast needs.

Recommended combinations

Aged Parchment

Ideal for text-heavy interfaces, simulating old documents with light backgrounds and dark, legible text.

#F0E0D1 · #4A3A2E · #D3C2B5

Vintage Earth

Excellent for natural, rustic branding, adding depth with varying brown tones for elements and accents.

#7D6C5E · #AD9B8C · #4A3A2E

Sepia Gradient

Use for subtle background gradients or layered UI components to create a soft, faded visual hierarchy.

#D3C2B5 · #F0E0D1 · #7D6C5E

CSS variables

:root {
  --antique-maps-sepia-1: #4a3a2e;
  --antique-maps-sepia-2: #7d6c5e;
  --antique-maps-sepia-3: #ad9b8c;
  --antique-maps-sepia-4: #d3c2b5;
  --antique-maps-sepia-5: #f0e0d1;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "antique-maps-sepia": {
        1: "#4a3a2e",
        2: "#7d6c5e",
        3: "#ad9b8c",
        4: "#d3c2b5",
        5: "#f0e0d1",
      }
    }
  }
}

Related searches

sepia color schemevintage brown paletteantique paper colorsearthy retro designold map color codes

Palette colors

Hex values

Color 1#4a3a2e
·
Color 2#7d6c5e
·
Color 3#ad9b8c
·
Color 4#d3c2b5
·
Color 5#f0e0d1
·

Accessibility

Contrast checker

1
2
3
4
5
1
2.2:1Fail
4.1:1AA18
6.3:1AA
8.4:1AAA
2
2.2:1Fail
1.9:1Fail
2.9:1Fail
3.9:1AA18
3
4.1:1AA18
1.9:1Fail
1.5:1Fail
2.1:1Fail
4
6.3:1AA
2.9:1Fail
1.5:1Fail
1.3:1Fail
5
8.4:1AAA
3.9:1AA18
2.1:1Fail
1.3:1Fail

Similar palettes

More like Antique Maps Sepia

View all neutral
Antique Map Sepia
Old Nautical Charts
Vintage Travelogue Map
Aged Atlas Hues
Aged Leather Patina
Aged Parchment