Back to palettes

Palette

Coastal Driftwood Grey

Subtle, cool grays with a hint of warmth, reminiscent of smooth, sun-bleached driftwood found on a quiet shore.

minimalminimal5 colors
More minimal palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#D9D2CB#C2BCB8#A5A19D#847F7B#605B58

Palette guide

How to use Coastal Driftwood Grey

Overview

The "Coastal Driftwood Grey" palette offers a sophisticated range of cool grays with subtle warm undertones, perfectly capturing the essence of smooth, sun-bleached driftwood on a tranquil shore. This collection spans from the deep, grounding #605B58 to the airy, near-white #D9D2CB. Mid-tones like #C2BCB8, #A5A19D, and #847F7B provide excellent depth and versatility, allowing for elegant layering and subtle differentiation. This palette is ideal for designers seeking a minimalist, modern, and serene aesthetic, reflecting natural calm and understated elegance in equal measure.

Best used for

  • Minimalist interior design concepts
  • Modern art gallery websites
  • High-end fashion photography backgrounds
  • Luxury home goods branding
  • Calm and sophisticated corporate identity
  • Zen garden or meditation space design

Suggested color roles

primary

Use #847F7B for main sections, headers, or prominent UI elements, providing a stable, muted foundation.

secondary

Apply #A5A19D for supporting content blocks, subheadings, or subtle background variations, maintaining a cohesive cool-neutral tone.

accent

The darkest shade, #605B58, serves well for strong accents, important icons, or call-to-action elements, ensuring high impact and readability.

background

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

text

Use #605B58 for body text and navigation links to ensure excellent readability against the lighter grays.

Accessibility notes

  • Ensure #605B58 text has excellent contrast against #D9D2CB and #C2BCB8 backgrounds for WCAG AA compliance.
  • Avoid using #D9D2CB or #C2BCB8 for text directly, as they are too light for readability on most backgrounds.
  • When using text on darker shades like #847F7B, ensure a very light text color (e.g., white or #D9D2CB) is used.
  • For interactive elements, maintain clear visual cues beyond color, especially with these subtly varying neutrals.

Recommended combinations

Muted Shore

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

#605B58 · #D9D2CB · #847F7B

Smooth Stone

Ideal for subtle, layered backgrounds or soft UI elements, evoking a calm, expansive feel.

#A5A19D · #C2BCB8 · #D9D2CB

Deep Grain

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

#847F7B · #605B58 · #A5A19D

CSS variables

:root {
  --coastal-driftwood-grey-2-1: #D9D2CB;
  --coastal-driftwood-grey-2-2: #C2BCB8;
  --coastal-driftwood-grey-2-3: #A5A19D;
  --coastal-driftwood-grey-2-4: #847F7B;
  --coastal-driftwood-grey-2-5: #605B58;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "coastal-driftwood-grey-2": {
        1: "#D9D2CB",
        2: "#C2BCB8",
        3: "#A5A19D",
        4: "#847F7B",
        5: "#605B58",
      }
    }
  }
}

Related searches

driftwood grey paletteminimalist coastal neutralscool greige hex codesserene neutral color schememodern gray design palette

Palette colors

Hex values

Color 1#D9D2CB
·
Color 2#C2BCB8
·
Color 3#A5A19D
·
Color 4#847F7B
·
Color 5#605B58
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.3:1Fail
1.7:1Fail
2.6:1Fail
4.5:1AA18
2
1.3:1Fail
1.4:1Fail
2.1:1Fail
3.6:1AA18
3
1.7:1Fail
1.4:1Fail
1.5:1Fail
2.6:1Fail
4
2.6:1Fail
2.1:1Fail
1.5:1Fail
1.7:1Fail
5
4.5:1AA18
3.6:1AA18
2.6:1Fail
1.7:1Fail

Similar palettes

More like Coastal Driftwood Grey

View all minimal
Whisper Clay Earth
Modernist Concrete Slab
Pebble Garden Calm
Zen Stone Garden
Calm Interior Lines
Cloudy Cobblestone Lane