Back to palettes

Palette

Seafoam Driftwood Strand

Soft and subdued, reminiscent of gentle seafoam washing over sun-bleached driftwood on a quiet beach.

neutralcalm5 colors
More neutral palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#BCD9CA#E0F2E9#7D7B6C#A5A390#5A6E64

Palette guide

How to use Seafoam Driftwood Strand

Overview

The Seafoam Driftwood Strand palette captures the soft, subdued beauty of seafoam washing over sun-bleached driftwood on a quiet beach. Featuring muted greens like #BCD9CA and #E0F2E9, alongside earthy grey-browns #7D7B6C and #A5A390, grounded by the deeper #5A6E64, this scheme is inherently natural and calm. Designers can utilize this palette to convey sustainability, minimalism, or a relaxed lifestyle. Developers will appreciate the harmonious interplay of these neutral tones for creating sophisticated yet understated interfaces. This palette is ideal for brands that value authenticity, serenity, and an organic aesthetic, providing a subtle and inviting user experience.

Best used for

  • Eco-conscious brands and sustainable fashion
  • Minimalist home decor and interior design
  • Nature photography portfolios and blogs
  • Artisanal craft websites and packaging
  • Relaxed lifestyle and wellness platforms
  • Outdoor adventure and natural product companies

Suggested color roles

primary

Use #5A6E64 as a deep, earthy foundation for main text, navigation, or strong brand elements, conveying stability.

secondary

Apply #7D7B6C for supporting content, subheadings, or background textures, adding a weathered feel.

accent

Employ #BCD9CA for subtle highlights, interactive states, or delicate graphic elements, maintaining a soft touch.

background

Utilize #E0F2E9 as a light, airy off-white background, providing a clean and natural canvas.

text

For optimal readability, use #5A6E64 or a deep charcoal on light backgrounds like #E0F2E9.

Accessibility notes

  • The contrast of #5A6E64 on #E0F2E9 is good for most text sizes.
  • Use #7D7B6C for larger text or headings on #E0F2E9, as its contrast might be low for small body text.
  • Avoid using #BCD9CA or #A5A390 for small text on #E0F2E9 due to insufficient contrast.
  • Ensure interactive elements in lighter tones have clear visual cues beyond color alone for accessibility.

Recommended combinations

Natural Contrast

Creates a clear, readable design with dark text on a light, soft background, accented by a gentle seafoam green.

#E0F2E9 · #5A6E64 · #BCD9CA

Driftwood Texture

Combines various muted grey-browns for textural depth, ideal for backgrounds or layered content sections.

#7D7B6C · #A5A390 · #5A6E64

Seafoam Whispers

Uses a soft green as a base with lighter elements and muted grey details, creating an ethereal, calm feel.

#BCD9CA · #E0F2E9 · #7D7B6C

CSS variables

:root {
  --seafoam-driftwood-strand-1: #BCD9CA;
  --seafoam-driftwood-strand-2: #E0F2E9;
  --seafoam-driftwood-strand-3: #7D7B6C;
  --seafoam-driftwood-strand-4: #A5A390;
  --seafoam-driftwood-strand-5: #5A6E64;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "seafoam-driftwood-strand": {
        1: "#BCD9CA",
        2: "#E0F2E9",
        3: "#7D7B6C",
        4: "#A5A390",
        5: "#5A6E64",
      }
    }
  }
}

Related searches

muted coastal palettenatural earth tonestranquil driftwood colorssustainable brand identityminimalist green grey

Palette colors

Hex values

Color 1#BCD9CA
·
Color 2#E0F2E9
·
Color 3#7D7B6C
·
Color 4#A5A390
·
Color 5#5A6E64
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.3:1Fail
2.8:1Fail
1.7:1Fail
3.6:1AA18
2
1.3:1Fail
3.7:1AA18
2.2:1Fail
4.7:1AA
3
2.8:1Fail
3.7:1AA18
1.7:1Fail
1.3:1Fail
4
1.7:1Fail
2.2:1Fail
1.7:1Fail
2.1:1Fail
5
3.6:1AA18
4.7:1AA
1.3:1Fail
2.1:1Fail

Similar palettes

More like Seafoam Driftwood Strand

View all neutral
Seaside Driftwood Muted
Coastal Clay Pebble
Coastal Driftwood Grey
Coastal Dune Breeze
Coastal Dune Grass
Coastal Pebble Beach