Palette

Lost Relic Gleam

Earthy browns and shimmering golds that recall the ancient, encrusted riches found in sunken ships.

earthnatural5 colors

More earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Lost Relic Gleam 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 Lost Relic Gleam.

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

Data visualization

#8B4513#CD853F#D2B48C#A0522D#BA7D4F

Palette guide

How to use Lost Relic Gleam

Overview

The Lost Relic Gleam palette is a rich tapestry of earthy browns and shimmering golds, reminiscent of ancient, encrusted treasures and aged wood. It features a robust saddle brown (#8B4513), a warm golden brown (#CD853F), a soft tan (#D2B48C), a deep reddish brown (#A0522D), and a versatile bronze (#BA7D4F). This palette is ideal for designers and developers seeking to evoke a sense of heritage, authenticity, and rustic elegance. Its warm, inviting tones are perfect for projects that require a connection to the past, artisanal quality, or a grounded, natural feel, offering both depth and subtle luminosity.

Best used for

Artisanal craft branding and e-commerce
Vintage furniture restoration and sales
Luxury heritage brands and products
Historical fiction book covers and publications
Outdoor adventure gear and apparel
Autumn-themed digital campaigns

Suggested color roles

primary

Use #8B4513 as a strong, foundational primary color for headers, main navigation, or key brand elements, conveying solidity and tradition.

secondary

Employ #A0522D for secondary elements, content backgrounds, or textural accents, adding inviting depth and warmth.

accent

Apply #CD853F as a shimmering accent for calls-to-action, highlights, or decorative elements, evoking the gleam of gold.

background

Utilize #D2B48C for a light, neutral canvas that allows other colors to pop, or a soft cream for added warmth.

text

For primary text on lighter backgrounds, use #8B4513 for excellent legibility, or #A0522D for a slightly softer, warm tone.

Accessibility notes

Ensure sufficient contrast between text and background, especially when using #D2B48C with other light colors.
Use bold or larger fonts for text displayed over patterned or textured backgrounds to improve readability.
Verify that interactive elements have clear visual states beyond just color changes.
Test on various screen types and lighting conditions to ensure consistent legibility.

Recommended combinations

Antique Wood

Creates a classic, earthy feel, reminiscent of aged timber and craftsmanship.

#8B4513 · #A0522D · #D2B48C

Gleaming Treasure

Offers a luminous, rich combination, perfect for luxury or discovery themes.

#CD853F · #BA7D4F · #D2B48C

Earthen Relic

Provides a deep, grounded aesthetic, ideal for rustic or heritage-focused designs.

#A0522D · #BA7D4F · #8B4513

CSS variables

:root {
  --lost-relic-gleam-1: #8B4513;
  --lost-relic-gleam-2: #CD853F;
  --lost-relic-gleam-3: #D2B48C;
  --lost-relic-gleam-4: #A0522D;
  --lost-relic-gleam-5: #BA7D4F;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "lost-relic-gleam": {
        1: "#8B4513",
        2: "#CD853F",
        3: "#D2B48C",
        4: "#A0522D",
        5: "#BA7D4F",
      }
    }
  }
}

Hex values

Color 1#8B4513

Color 2#CD853F

Color 3#D2B48C

Color 4#A0522D

Color 5#BA7D4F

Accessibility

Contrast checker

2.4:1Fail

3.6:1AA18

1.3:1Fail

2.1:1Fail

2.4:1Fail

1.5:1Fail

1.9:1Fail

1.1:1Fail

3.6:1AA18

1.5:1Fail

2.8:1Fail

1.7:1Fail

1.3:1Fail

1.9:1Fail

2.8:1Fail

1.6:1Fail

2.1:1Fail

1.1:1Fail

1.7:1Fail

1.6:1Fail

Similar palettes

More like Lost Relic Gleam

View all earth

Aged Copper Patina

Ancient Amphora Vessel

Ancient Relic Dust

Ancient Ritual Earth

Antique Bronze Patina

Dusty Trail Sunrise