Back to palettes

Palette

Seaside Driftwood Art

Muted, organic tones reminiscent of sun-bleached driftwood sculpted by the ocean's ceaseless journey, natural and serene.

neutralnatural5 colors
More neutral palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#B8A89A#C7B8A8#D8D0C4#E5E0DA#9E8F83

Palette guide

How to use Seaside Driftwood Art

Overview

The "Seaside Driftwood Art" palette features a collection of muted, organic tones reminiscent of sun-bleached driftwood. This serene palette includes shades from the light #E5E0DA and #D8D0C4 to the deeper #B8A89A and #9E8F83, evoking a sense of natural beauty and tranquility. It's ideal for designers seeking to create a sophisticated, understated, and earthy aesthetic, reflecting the quiet elegance of ocean-sculpted wood. This palette is highly versatile for both digital and physical applications, bringing a calm, natural touch.

Best used for

  • Eco-friendly product branding
  • Spa and wellness website design
  • Rustic chic interior decor
  • Natural photography backdrops
  • Sustainable fashion marketing
  • Serene digital interfaces

Suggested color roles

primary

Use #E5E0DA as a soft, inviting background, providing an open and airy feel.

secondary

Apply #D8D0C4 for content blocks, secondary sections, or subtle UI elements.

accent

Utilize #C7B8A8 for delicate highlights, borders, or interactive states, maintaining subtlety.

background

Employ #E5E0DA to establish a clean, natural, and expansive foundational canvas.

text

For body text on lighter backgrounds, use #9E8F83 or a dark charcoal for excellent readability.

Accessibility notes

  • Prioritize contrast for text, especially when using lighter shades like #E5E0DA for backgrounds.
  • Use #9E8F83 or a dark neutral for body text on #E5E0DA or #D8D0C4 to ensure readability.
  • Avoid low-contrast text combinations, particularly between #C7B8A8 and #D8D0C4.
  • Ensure interactive elements have sufficient contrast to be easily identifiable and usable.

Recommended combinations

Light Wash

Perfect for clean, airy web pages, soft branding, and natural product displays.

#E5E0DA · #D8D0C4 · #C7B8A8

Earthy Depth

Effective for textured backgrounds, deeper UI elements, and strong brand accents.

#C7B8A8 · #B8A89A · #9E8F83

Natural Flow

Combine for distinct sections, contrasting text, and an inviting background.

#D8D0C4 · #9E8F83 · #E5E0DA

CSS variables

:root {
  --seaside-driftwood-art-1: #B8A89A;
  --seaside-driftwood-art-2: #C7B8A8;
  --seaside-driftwood-art-3: #D8D0C4;
  --seaside-driftwood-art-4: #E5E0DA;
  --seaside-driftwood-art-5: #9E8F83;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "seaside-driftwood-art": {
        1: "#B8A89A",
        2: "#C7B8A8",
        3: "#D8D0C4",
        4: "#E5E0DA",
        5: "#9E8F83",
      }
    }
  }
}

Related searches

driftwood color schemeorganic neutral paletteweathered wood colorsbeach inspired neutralssubtle earthy tones

Palette colors

Hex values

Color 1#B8A89A
·
Color 2#C7B8A8
·
Color 3#D8D0C4
·
Color 4#E5E0DA
·
Color 5#9E8F83
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.2:1Fail
1.5:1Fail
1.8:1Fail
1.4:1Fail
2
1.2:1Fail
1.3:1Fail
1.5:1Fail
1.6:1Fail
3
1.5:1Fail
1.3:1Fail
1.2:1Fail
2:1Fail
4
1.8:1Fail
1.5:1Fail
1.2:1Fail
2.4:1Fail
5
1.4:1Fail
1.6:1Fail
2:1Fail
2.4:1Fail

Similar palettes

More like Seaside Driftwood Art

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