Back to palettes

Palette

Amber Voyage

A rich and inviting palette reminiscent of old maps and sun-drenched expeditions, evoking warmth and history.

warmnatural5 colors
More warm palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Amber Voyage 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 Amber Voyage.

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

Data visualization

#C27E3B#DBA55B#F6D8AE#9A5D2A#6E3F1F

Palette guide

How to use Amber Voyage

Overview

The "Amber Voyage" palette is a rich and inviting collection reminiscent of old maps and sun-drenched expeditions, evoking warmth and history. It spans from the deep, grounding #6E3F1F (Dark Sepia) and #9A5D2A (Rusty Brown) to the warm #C27E3B (Medium Brown) and #DBA55B (Light Brown). The soft, almost parchment-like #F6D8AE (Pale Peach) provides a delicate highlight, completing a cohesive, natural aesthetic. This palette is ideal for designs that aim to convey a sense of adventure, heritage, and comforting nostalgia, perfect for travel brands, artisanal goods, or vintage-inspired projects.

Best used for

  • Travel and exploration branding
  • Vintage or historical graphic design
  • E-commerce for leather goods or handcrafted items
  • Rustic or bohemian event invitations
  • Blog themes for history, travel, or antique collecting
  • Interior design with a global or natural aesthetic

Suggested color roles

primary

Use #9A5D2A as a deep, sturdy rusty brown, excellent for main headings, important calls-to-action, or strong brand elements.

secondary

Employ #C27E3B as a warm, inviting medium brown, perfect for subheadings, navigation, or prominent content blocks.

accent

Apply #DBA55B as a lighter, soft brown, ideal for subtle highlights, borders, or secondary interactive states.

background

Utilize #F6D8AE as a soft, pale peach, providing a warm, airy canvas that allows darker text to stand out beautifully.

text

For primary body text on light backgrounds, use #6E3F1F, a deep, earthy dark sepia that offers excellent contrast and strong emphasis.

Accessibility notes

  • Ensure #6E3F1F text has excellent contrast against #F6D8AE backgrounds (WCAG AA/AAA).
  • Avoid using #DBA55B or #C27E3B for small text on #F6D8AE, as contrast may be insufficient.
  • When using #9A5D2A for text, pair it with a very light background for optimal readability.
  • The subtle differences in mid-tones mean careful contrast checking is crucial for layered elements.

Recommended combinations

Old World Map

A deep base, a strong primary, and a light background, perfect for a grounded and legible interface.

#6E3F1F · #9A5D2A · #F6D8AE

Sun-drenched Trail

A soft background with warm, inviting text and an accent, creating an airy and natural content area.

#F6D8AE · #DBA55B · #C27E3B

Heritage Tones

A harmonious blend of mid-tones, ideal for layered design elements or subtle visual interest.

#C27E3B · #DBA55B · #9A5D2A

CSS variables

:root {
  --amber-voyage-1: #C27E3B;
  --amber-voyage-2: #DBA55B;
  --amber-voyage-3: #F6D8AE;
  --amber-voyage-4: #9A5D2A;
  --amber-voyage-5: #6E3F1F;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "amber-voyage": {
        1: "#C27E3B",
        2: "#DBA55B",
        3: "#F6D8AE",
        4: "#9A5D2A",
        5: "#6E3F1F",
      }
    }
  }
}

Related searches

amber travel color palettevintage brown orange schemeearthy exploration designrustic heritage brandingnatural warm adventure colors

Palette colors

Hex values

Color 1#C27E3B
·
Color 2#DBA55B
·
Color 3#F6D8AE
·
Color 4#9A5D2A
·
Color 5#6E3F1F
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.5:1Fail
2.4:1Fail
1.6:1Fail
2.6:1Fail
2
1.5:1Fail
1.6:1Fail
2.4:1Fail
4:1AA18
3
2.4:1Fail
1.6:1Fail
3.9:1AA18
6.4:1AA
4
1.6:1Fail
2.4:1Fail
3.9:1AA18
1.7:1Fail
5
2.6:1Fail
4:1AA18
6.4:1AA
1.7:1Fail

Similar palettes

More like Amber Voyage

View all warm