Back to palettes

Palette

Sandy Beach Driftwood

Calm, weathered tones found on a quiet shore, with sun-bleached driftwood and soft, golden sand.

NeutralCalm5 colors
More Neutral palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Sandy Beach Driftwood 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 Sandy Beach Driftwood.

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

Data visualization

#DBC2AD#A5887C#705B58#3A353F#EDE0D4

Palette guide

How to use Sandy Beach Driftwood

Overview

The "Sandy Beach Driftwood" palette evokes a serene, natural aesthetic with its collection of warm, earthy neutrals. This versatile set of colors, including the soft #EDE0D4 and deeper #DBC2AD, alongside the rich #A5887C, offers a sophisticated foundation for designs aiming for a calm, rustic, or organic feel. Designers can leverage the grounding #705B58 and the profound #3A353F to add depth and contrast. Ideal for creating inviting digital interfaces or print materials, this palette excels in conveying warmth, authenticity, and a connection to nature, suitable for brands that value tranquility and understated elegance.

Best used for

  • Coastal-themed interior design websites
  • Eco-friendly product packaging
  • Spa and wellness branding
  • Photography portfolios (nature, travel)
  • Sustainable fashion e-commerce
  • Rustic cafe or restaurant branding

Suggested color roles

primary

#DBC2AD - A warm, inviting base for large content areas or brand identity, suggesting natural light and comfort.

secondary

#A5887C - Excellent for navigation elements, subheadings, or complementary sections, providing a slightly deeper warmth.

accent

#705B58 - Use sparingly for call-to-action buttons, key icons, or subtle highlights where a grounded, natural pop is desired.

background

#EDE0D4 - A very light, soft background that feels airy and clean, perfect for readability without starkness.

text

#3A353F - A deep, soft charcoal that offers excellent contrast against lighter backgrounds like #EDE0D4 or #DBC2AD, ensuring readability without harshness.

Accessibility notes

  • Ensure #3A353F text on #EDE0D4 or #DBC2AD backgrounds meets WCAG AA contrast ratios for body text.
  • Avoid using #DBC2AD text directly on #A5887C for critical information due to potentially insufficient contrast.
  • For UI elements, use #705B58 against #EDE0D4 for better visibility than lighter shades.
  • Consider a pure black or dark grey for very small or fine print text if #3A353F doesn't provide enough contrast on specific elements.

Recommended combinations

Warm Earth

Ideal for creating soft, gradient-like backgrounds or layered elements that feel gentle and inviting.

#EDE0D4 · #DBC2AD · #A5887C

Driftwood Contrast

Perfect for main content areas, with the lightest as background, the mid-tone for subheadings, and the darkest for primary text.

#EDE0D4 · #705B58 · #3A353F

Sandy Depths

Use for darker themes or sections, where #A5887C serves as a base, and the darker shades provide depth and hierarchy.

#A5887C · #705B58 · #3A353F

CSS variables

:root {
  --sandy-beach-driftwood-1: #DBC2AD;
  --sandy-beach-driftwood-2: #A5887C;
  --sandy-beach-driftwood-3: #705B58;
  --sandy-beach-driftwood-4: #3A353F;
  --sandy-beach-driftwood-5: #EDE0D4;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "sandy-beach-driftwood": {
        1: "#DBC2AD",
        2: "#A5887C",
        3: "#705B58",
        4: "#3A353F",
        5: "#EDE0D4",
      }
    }
  }
}

Related searches

warm neutral color palettebeach inspired colorsrustic brand colorsearth tone web designnatural aesthetic palette

Palette colors

Hex values

Color 1#DBC2AD
·
Color 2#A5887C
·
Color 3#705B58
·
Color 4#3A353F
·
Color 5#EDE0D4
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.9:1Fail
3.7:1AA18
7:1AAA
1.3:1Fail
2
1.9:1Fail
1.9:1Fail
3.6:1AA18
2.5:1Fail
3
3.7:1AA18
1.9:1Fail
1.9:1Fail
4.9:1AA
4
7:1AAA
3.6:1AA18
1.9:1Fail
9.2:1AAA
5
1.3:1Fail
2.5:1Fail
4.9:1AA
9.2:1AAA

Similar palettes

More like Sandy Beach Driftwood

View all Neutral
Coastal Dune Grass
Coastal Stone Hearth
Coffee Break
Oceanic Driftwood Shore
Pebble Shore
Pebble Shore Drift