Back to palettes

Palette

Sunbleached Driftwood

Soft, weathered grays and pale browns that tell tales of sunbleached driftwood on a calm shore.

neutralnatural5 colors
More neutral palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#B8A89A#D1C5BD#E8E0DA#A4988F#8F847D

Palette guide

How to use Sunbleached Driftwood

Overview

The "Sunbleached Driftwood" palette offers a serene collection of soft, weathered grays and pale browns, telling tales of sunbleached driftwood on a calm shore. Featuring #B8A89A, #D1C5BD, #E8E0DA, #A4988F, and #8F847D, this neutral palette evokes a sense of natural tranquility and understated elegance. It's perfect for designs that aim for a rustic, minimalist, or coastal-inspired aesthetic, providing a sophisticated backdrop that feels both calming and grounded. The subtle variations in hue add depth without overwhelming, making it versatile for a range of applications.

Best used for

  • Coastal-themed interior design
  • Rustic and natural product branding
  • Minimalist web design
  • Spa and wellness branding
  • Art and photography portfolios
  • Sustainable fashion lines

Suggested color roles

primary

#B8A89A (Light Grayish Brown) - A versatile mid-tone, excellent for large background areas or primary brand elements, offering a soft, muted base.

secondary

#A4988F (Medium Grayish Brown) - Use for secondary headings, subtle borders, or grounding elements, providing a bit more depth.

accent

#8F847D (Dark Grayish Brown) - Perfect for strong accents, important links, or calls-to-action, offering the deepest contrast in the palette.

background

#E8E0DA (Very Light Grayish Brown) - The lightest shade, ideal for clean, expansive backgrounds that enhance an airy, spacious feel.

text

#D1C5BD (Light Grayish Beige) - A soft, muted tone that works well for secondary text or large body text. For primary body text, #8F847D or a dark charcoal is recommended for optimal readability on lighter backgrounds.

Accessibility notes

  • Due to the low contrast between many shades, use the darkest color, #8F847D, for essential text on lighter backgrounds like #E8E0DA.
  • Avoid using #D1C5BD for small text on #E8E0DA as it will lack sufficient contrast.
  • Reserve the lighter shades like #E8E0DA and #D1C5BD primarily for backgrounds and large graphical elements.
  • Ensure all text against any background in this palette meets WCAG contrast guidelines, often requiring a darker text color.

Recommended combinations

Shoreline Base

Creates a soft, layered background for websites or print, providing subtle depth with gradual tonal shifts.

#E8E0DA · #D1C5BD · #B8A89A

Weathered Accent

Uses the darkest tones for strong contrasts in headings or important elements, against a very light background.

#8F847D · #A4988F · #E8E0DA

Rustic Harmony

Ideal for creating a cohesive, natural look in illustrations or branding, balancing mid-range muted tones.

#B8A89A · #A4988F · #D1C5BD

CSS variables

:root {
  --sunbleached-driftwood-1: #B8A89A;
  --sunbleached-driftwood-2: #D1C5BD;
  --sunbleached-driftwood-3: #E8E0DA;
  --sunbleached-driftwood-4: #A4988F;
  --sunbleached-driftwood-5: #8F847D;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "sunbleached-driftwood": {
        1: "#B8A89A",
        2: "#D1C5BD",
        3: "#E8E0DA",
        4: "#A4988F",
        5: "#8F847D",
      }
    }
  }
}

Related searches

neutral coastal color paletteweathered gray brown designdriftwood inspired colorsrustic minimalist palettecalm natural aesthetic

Palette colors

Hex values

Color 1#B8A89A
·
Color 2#D1C5BD
·
Color 3#E8E0DA
·
Color 4#A4988F
·
Color 5#8F847D
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.4:1Fail
1.8:1Fail
1.2:1Fail
1.6:1Fail
2
1.4:1Fail
1.3:1Fail
1.7:1Fail
2.2:1Fail
3
1.8:1Fail
1.3:1Fail
2.2:1Fail
2.8:1Fail
4
1.2:1Fail
1.7:1Fail
2.2:1Fail
1.3:1Fail
5
1.6:1Fail
2.2:1Fail
2.8:1Fail
1.3:1Fail

Similar palettes

More like Sunbleached Driftwood

View all neutral
Coastal Driftwood
Seaside Driftwood Whisper
Coastal Driftwood Sands
Rustic Barnwood Shade
Seaside Driftwood Art
Seaside Driftwood Hues