Back to palettes

Palette

Antique Map Journey

Weathered browns and faded ochres, conjuring images of ancient maps and adventurous explorations.

warmretro5 colors
More warm palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#D2B48C#CD853F#8B4513#5C4033#7F7F7F

Palette guide

How to use Antique Map Journey

Overview

The Antique Map Journey palette features weathered browns and faded ochres, conjuring images of ancient maps and adventurous explorations. Ranging from the deep #5C4033 to the warm #D2B48C, including #CD853F, #8B4513, and #7F7F7F, this palette is perfect for designers and developers seeking a warm, rustic, or vintage aesthetic. It's ideal for crafting user interfaces, branding, or visuals that convey a sense of adventure, history, and timeless discovery. The blend of rich browns and a touch of muted gray creates a sophisticated yet approachable atmosphere, reminiscent of old-world travel, blending tradition with modern appeal.

Best used for

  • Adventure travel website design
  • Historical game UI and art assets
  • Vintage stationery and journal covers
  • E-commerce for antique globes or travel gear
  • Themed restaurant or cafe branding
  • Packaging for artisanal, explorer-themed goods

Suggested color roles

primary

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

secondary

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

accent

Highlight key information or interactive elements with #CD853F, providing a warm, aged ochre feel.

background

Employ #D2B48C for light, inviting backgrounds that offer excellent contrast for darker text.

text

For text on lighter backgrounds like #D2B48C, use #5C4033 or #8B4513 for optimal readability. On darker backgrounds, a light cream or white works best.

Accessibility notes

  • Ensure #5C4033 text on #D2B48C backgrounds meets WCAG AA contrast requirements.
  • Be cautious when pairing #CD853F with #8B4513 for text to avoid low contrast issues.
  • Darker hues like #5C4033 provide excellent readability for headings and important information.
  • Always test color combinations for readability, especially for body text and navigation links.

Recommended combinations

Parchment Base

Creates a warm, readable base reminiscent of old maps, ideal for content-heavy sections.

#D2B48C · #CD853F · #8B4513

Deep Ink

Establishes a strong, classic feel for branding, navigation, or prominent UI elements, like map ink.

#5C4033 · #8B4513 · #7F7F7F

Journey Contrast

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

#5C4033 · #D2B48C · #CD853F

CSS variables

:root {
  --antique-map-journey-1: #D2B48C;
  --antique-map-journey-2: #CD853F;
  --antique-map-journey-3: #8B4513;
  --antique-map-journey-4: #5C4033;
  --antique-map-journey-5: #7F7F7F;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "antique-map-journey": {
        1: "#D2B48C",
        2: "#CD853F",
        3: "#8B4513",
        4: "#5C4033",
        5: "#7F7F7F",
      }
    }
  }
}

Related searches

antique map color schemevintage travel colorsrustic ochre paletteold cartography aestheticadventure brown tones

Palette colors

Hex values

Color 1#D2B48C
·
Color 2#CD853F
·
Color 3#8B4513
·
Color 4#5C4033
·
Color 5#7F7F7F
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.5:1Fail
3.6:1AA18
4.8:1AA
2:1Fail
2
1.5:1Fail
2.4:1Fail
3.1:1AA18
1.3:1Fail
3
3.6:1AA18
2.4:1Fail
1.3:1Fail
1.8:1Fail
4
4.8:1AA
3.1:1AA18
1.3:1Fail
2.3:1Fail
5
2:1Fail
1.3:1Fail
1.8:1Fail
2.3:1Fail

Similar palettes

More like Antique Map Journey

View all warm