Back to palettes

Palette

Coastal Driftwood Relic

Weathered browns and sandy tones, inspired by driftwood and seaside pebbles.

neutralnatural5 colors
More neutral palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Coastal Driftwood Relic 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 Coastal Driftwood Relic.

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

Data visualization

#8B4513#A0522D#CD853F#D2B48C#F5DEB3

Palette guide

How to use Coastal Driftwood Relic

Overview

The "Coastal Driftwood Relic" palette offers a rich and inviting array of weathered browns and sandy tones, inspired by driftwood and seaside pebbles. This collection spans from the deep, robust #8B4513 to the light, airy #F5DEB3. The intermediate shades of #A0522D, #CD853F, and #D2B48C provide a beautiful gradient, ideal for creating depth and warmth in any design. This palette is perfect for designers seeking to convey natural authenticity, rustic charm, and a timeless connection to the earth and sea, evoking a sense of history and quiet strength.

Best used for

  • Heritage brand identity
  • Rustic and antique furniture stores
  • Natural craft product packaging
  • E-commerce for vintage or handmade goods
  • Outdoor adventure and exploration brands
  • Traditional home decor concepts

Suggested color roles

primary

Use #A0522D for main sections, headers, or prominent UI elements, establishing a strong, warm foundation.

secondary

Apply #CD853F for supporting content blocks, subheadings, or subtle background variations, adding a brighter, inviting warmth.

accent

The deepest shade, #8B4513, serves well for strong accents, important icons, or call-to-action elements, ensuring high impact and readability.

background

Employ #F5DEB3 as the primary background color, providing a clean, expansive, and softly illuminated canvas.

text

Use #8B4513 for body text and navigation links to ensure excellent readability against the lighter backgrounds.

Accessibility notes

  • Ensure #8B4513 text has excellent contrast against #F5DEB3, #D2B48C, and #CD853F backgrounds for WCAG AA compliance.
  • Avoid using #F5DEB3 or #D2B48C for text directly, as they are too light for general readability.
  • When using text on darker shades, ensure a very light text color (e.g., white or #F5DEB3) is used for optimal contrast.
  • This palette offers good contrast opportunities within its range, making accessible pairings straightforward.

Recommended combinations

Relic Earth

Creates a strong, natural contrast, perfect for headers, footers, or sections needing a grounded yet refined presence.

#8B4513 · #F5DEB3 · #A0522D

Sandy Warmth

Ideal for soft, inviting backgrounds or layered UI elements, evoking the calm of a sandy shore.

#D2B48C · #F5DEB3 · #CD853F

Deep Timber

Best for demonstrating depth and texture, suitable for complex data visualizations or multi-tiered navigation.

#A0522D · #8B4513 · #CD853F

CSS variables

:root {
  --coastal-driftwood-relic-1: #8B4513;
  --coastal-driftwood-relic-2: #A0522D;
  --coastal-driftwood-relic-3: #CD853F;
  --coastal-driftwood-relic-4: #D2B48C;
  --coastal-driftwood-relic-5: #F5DEB3;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "coastal-driftwood-relic": {
        1: "#8B4513",
        2: "#A0522D",
        3: "#CD853F",
        4: "#D2B48C",
        5: "#F5DEB3",
      }
    }
  }
}

Related searches

driftwood brown paletterustic coastal hex codesnatural beige color schemeweathered earth tonestimeless brown design

Palette colors

Hex values

Color 1#8B4513
·
Color 2#A0522D
·
Color 3#CD853F
·
Color 4#D2B48C
·
Color 5#F5DEB3
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.3:1Fail
2.4:1Fail
3.6:1AA18
5.4:1AA
2
1.3:1Fail
1.9:1Fail
2.8:1Fail
4.3:1AA18
3
2.4:1Fail
1.9:1Fail
1.5:1Fail
2.3:1Fail
4
3.6:1AA18
2.8:1Fail
1.5:1Fail
1.5:1Fail
5
5.4:1AA
4.3:1AA18
2.3:1Fail
1.5:1Fail

Similar palettes

More like Coastal Driftwood Relic

View all neutral
Willow Weave
Rustic Bakery Dough
Rustic Barnwood Shade
Aged Leather Comfort
Antique Library Scroll
Antique Map Parchment