Back to palettes

Palette

Coastal Driftwood Hues

Soft, sun-bleached tones evoking weathered wood and serene sandy shores.

earthcalm5 colors
More earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#BBAAAA#E5E5E5#F5F5F5#D2B48C#8B7355

Palette guide

How to use Coastal Driftwood Hues

Overview

The "Coastal Driftwood Hues" palette offers a gentle array of soft, sun-bleached tones, evoking weathered wood and serene sandy shores. This collection blends warm grays and off-whites with inviting earthy browns, creating a balanced and natural aesthetic. From the grounding brown of #8B7355 to the airy, near-white #F5F5F5, and incorporating the subtle warmth of #BBAAAA and the sandy beige of #D2B48C, it offers excellent versatility. The pristine #E5E5E5 provides a clean canvas. This palette is ideal for designers seeking to convey calm, rustic charm, and a connection to natural elements, perfect for sophisticated and inviting designs.

Best used for

  • Rustic-chic wedding stationery
  • Farmhouse or coastal interior design
  • Organic food and beverage branding
  • Handmade artisan product showcases
  • E-commerce sites for natural goods
  • Lifestyle blogs with an earthy aesthetic

Suggested color roles

primary

Use #8B7355 for main sections, headers, or prominent UI elements, establishing a strong, earthy foundation.

secondary

Apply #D2B48C for supporting content blocks, subheadings, or subtle background variations, adding a warm, sandy tone.

accent

The soft gray-pink #BBAAAA serves well for gentle accents, interactive elements, or decorative flourishes, providing a unique subtle warmth.

background

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

text

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

Accessibility notes

  • Ensure #8B7355 text has excellent contrast against #F5F5F5, #E5E5E5, and #D2B48C backgrounds for WCAG AA compliance.
  • Avoid using #F5F5F5, #E5E5E5, or #BBAAAA 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 #F5F5F5) is used for optimal contrast.
  • Provide clear visual indicators beyond color for interactive elements, especially with these subtly varying neutrals.

Recommended combinations

Sandy Rustic

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

#8B7355 · #F5F5F5 · #D2B48C

Soft Beach

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

#D2B48C · #E5E5E5 · #BBAAAA

Weathered Charm

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

#BBAAAA · #8B7355 · #E5E5E5

CSS variables

:root {
  --coastal-driftwood-hues-1: #BBAAAA;
  --coastal-driftwood-hues-2: #E5E5E5;
  --coastal-driftwood-hues-3: #F5F5F5;
  --coastal-driftwood-hues-4: #D2B48C;
  --coastal-driftwood-hues-5: #8B7355;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "coastal-driftwood-hues": {
        1: "#BBAAAA",
        2: "#E5E5E5",
        3: "#F5F5F5",
        4: "#D2B48C",
        5: "#8B7355",
      }
    }
  }
}

Related searches

driftwood beige palettecalm earthy neutralsweathered wood color schemerustic beach hex codesnatural warm grey design

Palette colors

Hex values

Color 1#BBAAAA
·
Color 2#E5E5E5
·
Color 3#F5F5F5
·
Color 4#D2B48C
·
Color 5#8B7355
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.8:1Fail
2:1Fail
1.1:1Fail
2:1Fail
2
1.8:1Fail
1.2:1Fail
1.6:1Fail
3.6:1AA18
3
2:1Fail
1.2:1Fail
1.8:1Fail
4.1:1AA18
4
1.1:1Fail
1.6:1Fail
1.8:1Fail
2.3:1Fail
5
2:1Fail
3.6:1AA18
4.1:1AA18
2.3:1Fail

Similar palettes

More like Coastal Driftwood Hues

View all earth
Ancient Sandstone Whisper
Rustic Cabin Hearth
Serene Earth Tone
Wheat Dune Whisper
Bamboo Grove Calm
Bamboo Grove Mist