Palette

Seabed Treasure Trove

Deep, aged browns and glimpses of faded gold tell tales of ancient shipwrecks and forgotten treasures on the seabed.

Earthdark5 colors

More Earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Seabed Treasure Trove 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 Seabed Treasure Trove.

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

Data visualization

#3D2B1F#5C4033#8B4513#CD853F#F0E68C

Palette guide

How to use Seabed Treasure Trove

Overview

The Seabed Treasure Trove palette evokes the rich, weathered beauty of ancient shipwrecks and forgotten treasures. With deep, aged browns like #3D2B1F and #5C4033, complemented by earthy #8B4513 and glimpses of faded gold #CD853F and #F0E68C, this scheme is perfect for designs requiring a sense of history, authenticity, and rustic elegance. Designers can use this palette to create sophisticated, warm, and inviting visual narratives. Developers will find the distinct contrast between the dark browns and the light gold useful for building accessible yet atmospheric interfaces, ideal for storytelling and creating a luxurious, vintage feel.

Best used for

Vintage-themed websites and blogs
Luxury artisan goods and craft brands
Historical documentaries and museum exhibits
Rustic interior design inspirations
Antique shops and collectors' platforms
Sophisticated gaming interfaces with an adventure theme

Suggested color roles

primary

Use #3D2B1F as a grounding primary color for headers, footers, or main navigation, conveying depth and stability.

secondary

Apply #5C4033 for supporting content blocks, subheadings, or background textures, adding warmth.

accent

Employ #CD853F to highlight important calls to action, decorative elements, or key information, adding a touch of luxury.

background

Utilize #F0E68C as a soft, parchment-like background, providing a warm, inviting base for content.

text

For optimal readability, use #3D2B1F or #5C4033 on light backgrounds like #F0E68C.

Accessibility notes

Ensure #3D2B1F on #F0E68C provides excellent contrast for primary text.
Check contrast carefully when using #8B4513 for smaller text on #F0E68C; it might be better for larger headings.
Avoid using light text colors on #CD853F, as contrast can be insufficient for readability.
Ensure interactive elements in shades like #CD853F stand out adequately against darker backgrounds.

Recommended combinations

Ancient Parchment

Creates a classic, readable look with dark text on a light, aged background, highlighted by a rich golden accent.

#F0E68C · #3D2B1F · #CD853F

Weathered Wood

Combines various browns for textural depth, reminiscent of old wood, with a warm, inviting accent.

#5C4033 · #8B4513 · #CD853F

Deep Sea Relics

Uses the darkest brown as a base, with golden highlights and a faded gold for supporting elements, evoking hidden treasures.

#3D2B1F · #CD853F · #F0E68C

CSS variables

:root {
  --seabed-treasure-trove-1: #3D2B1F;
  --seabed-treasure-trove-2: #5C4033;
  --seabed-treasure-trove-3: #8B4513;
  --seabed-treasure-trove-4: #CD853F;
  --seabed-treasure-trove-5: #F0E68C;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "seabed-treasure-trove": {
        1: "#3D2B1F",
        2: "#5C4033",
        3: "#8B4513",
        4: "#CD853F",
        5: "#F0E68C",
      }
    }
  }
}

Hex values

Color 1#3D2B1F

Color 2#5C4033

Color 3#8B4513

Color 4#CD853F

Color 5#F0E68C

Accessibility

Contrast checker

1.4:1Fail

1.9:1Fail

4.5:1AA18

10.5:1AAA

1.4:1Fail

1.3:1Fail

3.1:1AA18

7.3:1AAA

1.9:1Fail

1.3:1Fail

2.4:1Fail

5.5:1AA

4.5:1AA18

3.1:1AA18

2.4:1Fail

2.3:1Fail

10.5:1AAA

7.3:1AAA

5.5:1AA

2.3:1Fail

Similar palettes

More like Seabed Treasure Trove

View all Earth

Apothecary Herb Dry

Earthen Clay Pot

Rustic Barnwood Tones

Rustic Hearth Glow

Terra Nova

Whispering Clay Path