Palette

Aged Atlas Hues

Earthy, muted tones resembling aged parchment and sepia inks of old maps.

neutralretro5 colors

More neutral palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Aged Atlas Hues 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 Aged Atlas Hues.

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

Data visualization

#C5B09A#AA9A8A#8F7D6B#6B5A49#493C2C

Palette guide

How to use Aged Atlas Hues

Overview

The Aged Atlas Hues palette features earthy, muted tones resembling aged parchment and sepia inks of old maps. This neutral and vintage collection includes a light antique beige #C5B09A, a medium sepia #AA9A8A, a deeper taupe #8F7D6B, a rich brown #6B5A49, and a dark umber #493C2C. It's perfect for designers aiming to convey history, authenticity, and a classic, retro charm. Developers will find these robust hex codes excellent for creating nostalgic interfaces, heritage branding, and content that evokes a sense of timelessness and exploration.

Best used for

Vintage-inspired branding
History and genealogy websites
Antique shop online presence
Book publishing (historical fiction)
Travel blogs (exploration themes)
Rustic and artisanal product packaging

Suggested color roles

primary

Use #8F7D6B as a grounding primary for main headings or key brand elements, symbolizing aged leather.

secondary

Employ #C5B09A for large background areas or secondary sections, mimicking old parchment.

accent

Apply #493C2C sparingly for impactful calls to action or important details, providing deep contrast.

background

Utilize #C5B09A for clean, expansive backgrounds, giving a vintage, warm base.

text

A deep brown like #493C2C works perfectly on #C5B09A, while white text is ideal on #493C2C for strong readability.

Accessibility notes

Ensure sufficient contrast for text on #C5B09A; a dark text color like #493C2C is essential.
Avoid using #AA9A8A for text against #C5B09A as contrast will be too low for readability.
White text on #493C2C and #6B5A49 should meet WCAG AA contrast standards.
For interactive elements, ensure distinct visual cues beyond color, especially with similar brown tones.

Recommended combinations

Parchment & Ink

For headers or content blocks, creating a classic, legible feel.

#C5B09A · #8F7D6B · #493C2C

Sepia Tones

Ideal for gradients or textural elements, evoking a vintage photographic effect.

#AA9A8A · #8F7D6B · #6B5A49

Old Map

Effective for distinct content sections, offering strong contrast and a historical mood.

#C5B09A · #6B5A49 · #493C2C

CSS variables

:root {
  --aged-atlas-hues-1: #C5B09A;
  --aged-atlas-hues-2: #AA9A8A;
  --aged-atlas-hues-3: #8F7D6B;
  --aged-atlas-hues-4: #6B5A49;
  --aged-atlas-hues-5: #493C2C;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "aged-atlas-hues": {
        1: "#C5B09A",
        2: "#AA9A8A",
        3: "#8F7D6B",
        4: "#6B5A49",
        5: "#493C2C",
      }
    }
  }
}

Hex values

Color 1#C5B09A

Color 2#AA9A8A

Color 3#8F7D6B

Color 4#6B5A49

Color 5#493C2C

Accessibility

Contrast checker

1.3:1Fail

1.9:1Fail

3.2:1AA18

5.1:1AA

1.3:1Fail

1.4:1Fail

2.4:1Fail

3.9:1AA18

1.9:1Fail

1.4:1Fail

1.7:1Fail

2.7:1Fail

3.2:1AA18

2.4:1Fail

1.7:1Fail

1.6:1Fail

5.1:1AA

3.9:1AA18

2.7:1Fail

1.6:1Fail

Similar palettes

More like Aged Atlas Hues

View all neutral

Aged Leather Patina

Aged Parchment Whisper

Ancient Papyrus Scroll

Antique Map Parchment

Dusty Attic Antiques

Dusty Attic Memoir