Back to palettes

Palette

Coastal Driftwood Hues

Evokes the soft, worn tones of sun-bleached driftwood along a serene, windswept coastline.

neutralcalm5 colors
More neutral 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

#8C8C8C#A7B0B2#CEDFE2#B3A492#948B80

Palette guide

How to use Coastal Driftwood Hues

Overview

The "Coastal Driftwood Hues" palette artfully evokes the soft, worn tones of sun-bleached driftwood along a serene, windswept coastline. This collection blends cool grays and blues with subtle warm beiges, creating a balanced and natural aesthetic. From the grounding gray of #8C8C8C to the airy #CEDFE2, and incorporating the sandy warmth of #B3A492 and #948B80, it offers excellent versatility. The gentle blue-gray of #A7B0B2 bridges these tones beautifully. This palette is ideal for designers seeking to convey calm, authenticity, and a connection to natural elements, perfect for sophisticated and inviting designs.

Best used for

  • Coastal interior design blogs
  • Natural and organic product branding
  • Spa and wellness marketing materials
  • Minimalist home decor e-commerce
  • Environmental awareness campaigns
  • Photography portfolios (nature, travel)

Suggested color roles

primary

Use #8C8C8C for main sections, headers, or prominent UI elements, establishing a stable, neutral foundation.

secondary

Apply #A7B0B2 for supporting content blocks, subheadings, or subtle background variations, introducing a soft, cool note.

accent

The warm #948B80 serves well for gentle accents, interactive elements, or decorative flourishes, providing a subtle earthy contrast.

background

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

text

Use a dark charcoal or deep gray (e.g., #333333 or #8C8C8C) for body text and navigation links to ensure excellent readability against lighter backgrounds.

Accessibility notes

  • Ensure #8C8C8C or #948B80 text has good contrast against #CEDFE2 and #A7B0B2 backgrounds.
  • Avoid using #CEDFE2 or #A7B0B2 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 #CEDFE2) is used for optimal contrast.
  • Provide clear visual indicators beyond color for interactive elements, especially with these subtly varying neutrals.

Recommended combinations

Sandy Shore

Creates a soft, inviting backdrop with warm sandy tones against cool, airy blues, ideal for serene layouts.

#948B80 · #CEDFE2 · #A7B0B2

Weathered Grey

Perfect for a balanced, grounded feel, with a subtle warm beige accent against cool grays.

#8C8C8C · #B3A492 · #CEDFE2

Coastal Blend

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

#A7B0B2 · #948B80 · #8C8C8C

CSS variables

:root {
  --coastal-driftwood-hues-2-1: #8C8C8C;
  --coastal-driftwood-hues-2-2: #A7B0B2;
  --coastal-driftwood-hues-2-3: #CEDFE2;
  --coastal-driftwood-hues-2-4: #B3A492;
  --coastal-driftwood-hues-2-5: #948B80;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "coastal-driftwood-hues-2": {
        1: "#8C8C8C",
        2: "#A7B0B2",
        3: "#CEDFE2",
        4: "#B3A492",
        5: "#948B80",
      }
    }
  }
}

Related searches

driftwood grey beige palettecalm coastal color schemeweathered wood huesnatural ocean neutralsserene beach design colors

Palette colors

Hex values

Color 1#8C8C8C
·
Color 2#A7B0B2
·
Color 3#CEDFE2
·
Color 4#B3A492
·
Color 5#948B80
·

Accessibility

Contrast checker

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

Similar palettes

More like Coastal Driftwood Hues

View all neutral
Coastal Driftwood Grey
Seashell Pearl Glow
Seaside Pebble Drift
Coastal Driftwood Grey
Coastal Dune Haze
Coastal Pebble Beach