Palette

Coastal Driftwood Sands

Soft browns and beige evoke the weathered texture of driftwood scattered across sun-drenched beaches.

neutralnatural5 colors

More neutral palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#F5DEB3#D2B48C#BC8F8F#8B4513#A0522D

Palette guide

How to use Coastal Driftwood Sands

Overview

The "Coastal Driftwood Sands" palette evokes the weathered texture of driftwood scattered across sun-drenched beaches, offering a harmonious blend of soft browns and warm beiges. From the light, airy #F5DEB3 to the deep, grounding #8B4513, this palette provides a rich gradient. The intermediate shades of #D2B48C, #BC8F8F, and #A0522D introduce varied warmth and depth, ideal for creating organic and inviting designs. This collection is perfect for designers seeking to convey natural authenticity, rustic charm, and a timeless connection to the earth and sea, evoking a sense of calm and organic elegance.

Best used for

Rustic-themed wedding decor
Natural beauty and skincare brands
E-commerce for handmade goods
Outdoor adventure and exploration brands
Photography portfolios (nature, travel)
Traditional home decor concepts

Suggested color roles

primary

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

secondary

Apply #A0522D for supporting content blocks, subheadings, or subtle background variations, adding a richer, inviting tone.

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 #BC8F8F 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

Sun-Drenched

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

#8B4513 · #F5DEB3 · #D2B48C

Rustic Beach

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

#BC8F8F · #D2B48C · #A0522D

Weathered Wood

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

#A0522D · #8B4513 · #BC8F8F

CSS variables

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

Tailwind config

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

Hex values

Color 1#F5DEB3

Color 2#D2B48C

Color 3#BC8F8F

Color 4#8B4513

Color 5#A0522D

Accessibility

Contrast checker

1.5:1Fail

2.1:1Fail

5.4:1AA

4.3:1AA18

1.5:1Fail

1.4:1Fail

3.6:1AA18

2.8:1Fail

2.1:1Fail

1.4:1Fail

2.5:1Fail

2:1Fail

5.4:1AA

3.6:1AA18

2.5:1Fail

1.3:1Fail

4.3:1AA18

2.8:1Fail

2:1Fail

1.3:1Fail

Similar palettes

More like Coastal Driftwood Sands

View all neutral

Seaside Driftwood Art

Seaside Driftwood Whisper

Coastal Driftwood

Rustic Barnwood Shade

Seaside Driftwood Hues

Sunbleached Driftwood