Back to palettes

Palette

Old Atlas Pages

Inspired by the yellowed, soft-edged pages of an antique atlas, full of stories and distant lands.

neutralretro5 colors
More neutral palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Old Atlas Pages 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 Old Atlas Pages.

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

Data visualization

#5D4D41#8C7A6D#BCA89A#EAE0D6#F8F5F2

Palette guide

How to use Old Atlas Pages

Overview

The Old Atlas Pages palette evokes the soft, aged beauty of vintage maps and historical documents. This collection of muted browns and creams, including the deep `#5D4D41`, the warm mid-tone `#8C7A6D`, and the airy `#F8F5F2`, offers a timeless aesthetic. Designers can leverage these hues to craft visuals that feel authentic, storied, and subtly sophisticated. It’s ideal for projects aiming for a nostalgic, scholarly, or artisanal appeal, providing a gentle backdrop that suggests history and quiet contemplation. This palette is a versatile foundation for a range of digital and print applications.

Best used for

  • Vintage branding and logos
  • Historical documentary interfaces
  • E-commerce for antique shops
  • Cozy blog and website themes
  • Book covers and editorial design
  • Digital scrapbooking and journaling apps

Suggested color roles

primary

Use `#5D4D41` for strong headers, primary navigation elements, or as a rich background for sections requiring depth.

secondary

Apply `#8C7A6D` for subheadings, secondary buttons, or large content blocks to add warmth without overwhelming.

accent

Utilize `#BCA89A` for subtle highlights, interactive states, or decorative elements that need a gentle pop.

background

The light `#F8F5F2` or `#EAE0D6` are perfect for main content areas, providing a clean, aged paper-like canvas.

text

For body text, a dark charcoal like `#333333` or a dark brown like `#5D4D41` against `#F8F5F2` ensures excellent readability.

Accessibility notes

  • Ensure sufficient contrast between `#5D4D41` text on `#EAE0D6` or `#F8F5F2` backgrounds for readability.
  • Avoid using adjacent mid-tones like `#8C7A6D` and `#BCA89A` for text and background without careful contrast checks.
  • Use the darkest color, `#5D4D41`, for important UI elements like buttons or links against lighter backgrounds.
  • Consider text size; larger text can tolerate slightly lower contrast than smaller body text when using this muted palette.

Recommended combinations

Vintage Page

Ideal for main content areas, with `#F8F5F2` as background, `#EAE0D6` for cards, and `#5D4D41` for text/headings.

#F8F5F2 · #EAE0D6 · #5D4D41

Aged Leather

Excellent for navigation bars, footers, or hero sections, creating a rich, layered, and sophisticated feel.

#5D4D41 · #8C7A6D · #BCA89A

Parchment Scroll

Suited for subtle gradients, background textures, or layered UI components that require soft transitions.

#EAE0D6 · #BCA89A · #8C7A6D

CSS variables

:root {
  --old-atlas-pages-1: #5D4D41;
  --old-atlas-pages-2: #8C7A6D;
  --old-atlas-pages-3: #BCA89A;
  --old-atlas-pages-4: #EAE0D6;
  --old-atlas-pages-5: #F8F5F2;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "old-atlas-pages": {
        1: "#5D4D41",
        2: "#8C7A6D",
        3: "#BCA89A",
        4: "#EAE0D6",
        5: "#F8F5F2",
      }
    }
  }
}

Related searches

vintage paper color schemeaged atlas paletteneutral antique colorshistorical document designsepia tone web design

Palette colors

Hex values

Color 1#5D4D41
·
Color 2#8C7A6D
·
Color 3#BCA89A
·
Color 4#EAE0D6
·
Color 5#F8F5F2
·

Accessibility

Contrast checker

1
2
3
4
5
1
2:1Fail
3.5:1AA18
6.2:1AA
7.4:1AAA
2
2:1Fail
1.8:1Fail
3.2:1AA18
3.8:1AA18
3
3.5:1AA18
1.8:1Fail
1.8:1Fail
2.1:1Fail
4
6.2:1AA
3.2:1AA18
1.8:1Fail
1.2:1Fail
5
7.4:1AAA
3.8:1AA18
2.1:1Fail
1.2:1Fail

Similar palettes

More like Old Atlas Pages

View all neutral