Back to palettes

Palette

Driftwood Shore Breeze

Soft, muted tones of driftwood and pebbles, inspired by a tranquil, minimalist shoreline.

neutralcalm5 colors
More neutral palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#DCDCDC#F5F5DC#B0C4DE#87CEEB#A9A9A9

Palette guide

How to use Driftwood Shore Breeze

Overview

The "Driftwood Shore Breeze" palette captures the soft, muted tones of driftwood and pebbles, inspired by a tranquil, minimalist shoreline. This neutral-cool collection features a light gray #DCDCDC, a warm cream #F5F5DC, a serene blue-gray #B0C4DE, a bright sky blue #87CEEB, and a medium gray #A9A9A9. It's ideal for designs seeking a calm, clean, and understated coastal aesthetic. Designers can utilize this palette for minimalist branding, serene digital interfaces, or contemporary home decor concepts. Developers will find these hex codes excellent for creating harmonious user experiences that evoke peace and simplicity, with versatile options for backgrounds and accents.

Best used for

  • Minimalist web design and UI/UX
  • Coastal-themed interior design or decor brands
  • Spa or wellness retreat branding
  • Photography portfolios with serene landscapes
  • Clean, modern corporate identity
  • Eco-conscious or sustainable product packaging

Suggested color roles

primary

#DCDCDC - A light, neutral gray, excellent for main content areas, backgrounds, or to provide a clean, unobtrusive base.

secondary

#B0C4DE - A soft blue-gray, perfect for subheadings, navigation elements, or subtle visual separation.

accent

#87CEEB - A bright sky blue, ideal for calls-to-action, interactive elements, or to provide a refreshing coastal pop.

background

#F5F5DC - A warm, light cream, offering an inviting and soft canvas that complements the cool grays and blues.

text

#4F4F4F (medium-dark gray) - A balanced medium-dark gray ensures excellent readability and integrates smoothly with the neutral tones.

Accessibility notes

  • Text in #DCDCDC or #B0C4DE on #F5F5DC will likely have insufficient contrast; use a darker text color for readability.
  • For body text, a dark color like #4F4F4F or black is crucial against all lighter backgrounds in this palette.
  • #A9A9A9 provides good contrast on #F5F5DC for headings or important UI elements.
  • Avoid using #DCDCDC as text on #A9A9A9, as the contrast might be too low for small text.

Recommended combinations

Shoreline Base

Creates a minimalist, natural background with subtle depth, ideal for clean layouts.

#F5F5DC · #DCDCDC · #A9A9A9

Coastal Breeze

Use for refreshing accents, interactive elements, and a clean base to evoke a seaside feel.

#B0C4DE · #87CEEB · #DCDCDC

Muted Contrast

Ideal for content blocks, card backgrounds, or subtle visual hierarchy with a calming effect.

#F5F5DC · #A9A9A9 · #B0C4DE

CSS variables

:root {
  --driftwood-shore-breeze-1: #DCDCDC;
  --driftwood-shore-breeze-2: #F5F5DC;
  --driftwood-shore-breeze-3: #B0C4DE;
  --driftwood-shore-breeze-4: #87CEEB;
  --driftwood-shore-breeze-5: #A9A9A9;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "driftwood-shore-breeze": {
        1: "#DCDCDC",
        2: "#F5F5DC",
        3: "#B0C4DE",
        4: "#87CEEB",
        5: "#A9A9A9",
      }
    }
  }
}

Related searches

driftwood color paletteminimalist coastal designserene beach colorscalm gray blue schemeneutral shore aesthetic

Palette colors

Hex values

Color 1#DCDCDC
·
Color 2#F5F5DC
·
Color 3#B0C4DE
·
Color 4#87CEEB
·
Color 5#A9A9A9
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.2:1Fail
1.3:1Fail
1.3:1Fail
1.7:1Fail
2
1.2:1Fail
1.6:1Fail
1.6:1Fail
2.1:1Fail
3
1.3:1Fail
1.6:1Fail
1:1Fail
1.3:1Fail
4
1.3:1Fail
1.6:1Fail
1:1Fail
1.3:1Fail
5
1.7:1Fail
2.1:1Fail
1.3:1Fail
1.3:1Fail

Similar palettes

More like Driftwood Shore Breeze

View all neutral
Coastal Driftwood Grey
Coastal Driftwood Grey
Coastal Driftwood Shore
Coastal Fog Drift
Seashore Stone Calm
Seaside Cottage Grey