Back to palettes

Palette

Retro Travelogue

Warm, muted tones that evoke the feeling of worn photographs and classic travel memories.

neutralretro5 colors
More neutral palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Retro Travelogue 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 Retro Travelogue.

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

Data visualization

#4D3D33#8C7B6B#C2B3A1#EBD5BC#FFF8ED

Palette guide

How to use Retro Travelogue

Overview

The Retro Travelogue palette features warm, muted tones that beautifully evoke the feeling of worn photographs and classic travel memories. With a deep, rich brown '#4D3D33', a comforting mid-tone taupe '#8C7B6B', and a soft, inviting beige '#C2B3A1', this palette provides a sophisticated, nostalgic base. Lighter shades like '#EBD5BC' and a creamy off-white '#FFF8ED' complete the collection, offering a serene and aged aesthetic. It's an ideal choice for designers and developers creating content that requires a sense of history, authenticity, and a gentle, inviting warmth, perfect for storytelling and heritage-focused projects.

Best used for

  • Photography portfolios or blogs with a vintage or travel theme
  • Branding for artisanal cafes, antique shops, or heritage brands
  • Website and app interfaces for historical content or personal narratives
  • Packaging design for handcrafted goods, stationery, or specialty foods
  • Print materials for museums, galleries, or cultural institutions
  • Interior design themes for cozy, rustic, or traditional spaces

Suggested color roles

primary

Utilize '#4D3D33' as a deep, anchoring primary color for backgrounds, headers, or strong graphical elements, providing a sense of gravitas.

secondary

Employ '#8C7B6B' and '#C2B3A1' for supporting elements, subheadings, or as a warm, inviting mid-tone background for content areas.

accent

Leverage '#EBD5BC' and '#FFF8ED' for lighter accents, highlights, or as clean background colors that allow darker text to stand out.

background

A soft, inviting background can be created with '#C2B3A1' or '#EBD5BC'. For a deeper, more dramatic effect, '#4D3D33' serves as an excellent base.

text

Dark text like charcoal or a deep brown ('#4D3D33') works exceptionally well on '#EBD5BC', '#FFF8ED', or '#C2B3A1'. For '#4D3D33', use a light cream or off-white for readability.

Accessibility notes

  • Ensure sufficient contrast for text, especially when using '#EBD5BC' or '#FFF8ED' for text on '#C2B3A1' or '#8C7B6B'.
  • Pair dark text (e.g., '#4D3D33' or black) with '#FFF8ED' or '#EBD5BC' for optimal readability.
  • Avoid using similar mid-tones for text and background without careful contrast checking (e.g., '#8C7B6B' on '#C2B3A1').
  • Test color combinations with accessibility tools to meet WCAG guidelines, particularly for body text and interactive elements.

Recommended combinations

Sepia Tone

Creates a classic sepia photograph effect. '#4D3D33' for shadows, '#8C7B6B' for mid-tones, and '#C2B3A1' for highlights.

#4D3D33 · #8C7B6B · #C2B3A1

Vintage Paper

Ideal for text-heavy content or minimal designs, with '#FFF8ED' as paper, '#EBD5BC' for subtle accents, and '#4D3D33' for text.

#FFF8ED · #EBD5BC · #4D3D33

Rustic Charm

A warm, inviting trio for backgrounds, cards, or softer graphic elements, conveying comfort and subtle elegance.

#8C7B6B · #C2B3A1 · #EBD5BC

CSS variables

:root {
  --retro-travelogue-1: #4D3D33;
  --retro-travelogue-2: #8C7B6B;
  --retro-travelogue-3: #C2B3A1;
  --retro-travelogue-4: #EBD5BC;
  --retro-travelogue-5: #FFF8ED;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "retro-travelogue": {
        1: "#4D3D33",
        2: "#8C7B6B",
        3: "#C2B3A1",
        4: "#EBD5BC",
        5: "#FFF8ED",
      }
    }
  }
}

Related searches

vintage sepia color paletteretro brown beige colorstravel blog aestheticnostalgic neutral paletteheritage brand design

Palette colors

Hex values

Color 1#4D3D33
·
Color 2#8C7B6B
·
Color 3#C2B3A1
·
Color 4#EBD5BC
·
Color 5#FFF8ED
·

Accessibility

Contrast checker

1
2
3
4
5
1
2.5:1Fail
5.1:1AA
7.3:1AAA
9.8:1AAA
2
2.5:1Fail
2:1Fail
2.9:1Fail
3.9:1AA18
3
5.1:1AA
2:1Fail
1.4:1Fail
1.9:1Fail
4
7.3:1AAA
2.9:1Fail
1.4:1Fail
1.3:1Fail
5
9.8:1AAA
3.9:1AA18
1.9:1Fail
1.3:1Fail

Similar palettes

More like Retro Travelogue

View all neutral