Back to palettes

Palette

Coastal Sands Aura

A peaceful palette reflecting the sun-kissed sands and gentle breezes of a quiet coastal shoreline.

neutralcalm5 colors
More neutral palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Coastal Sands Aura 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 Sands Aura.

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

Data visualization

#DBC8AC#E5DCCA#B2D3C2#84A09F#6C8A8E

Palette guide

How to use Coastal Sands Aura

Overview

The Coastal Sands Aura palette offers a warm, inviting collection of muted neutrals and soft greens, perfect for creating a peaceful and natural aesthetic. With shades like the sandy #DBC8AC and the slightly lighter #E5DCCA, it grounds any design in earthy comfort. The gentle seafoam of #B2D3C2, alongside the deeper, mysterious #84A09F and #6C8A8E, introduces a subtle cool contrast, reminiscent of a serene coastline. This palette is excellent for designers aiming for an organic, understated elegance, suitable for evoking calm and natural beauty in various applications.

Best used for

  • Eco-friendly product branding
  • Natural beauty and skincare packaging
  • Interior design for minimalist spaces
  • Yoga or meditation studio websites
  • Artisan craft marketplaces
  • Sustainable fashion lookbooks

Suggested color roles

primary

Utilize #DBC8AC as a foundational color for large areas, providing a warm, inviting base.

secondary

Apply #B2D3C2 for secondary elements, navigation, or as a calming accent against the warmer tones.

accent

Highlight with #E5DCCA for subtle touches, buttons, or decorative elements to maintain softness.

background

Choose #E5DCCA for light, airy backgrounds, or #DBC8AC for a slightly warmer, more grounded canvas.

text

Employ #6C8A8E or #84A09F for readable body text and headings, offering good contrast without harshness, or a dark charcoal.

Accessibility notes

  • Ensure sufficient contrast when pairing lighter shades like #DBC8AC or #E5DCCA with text.
  • The darker tones of #84A09F and #6C8A8E provide excellent readability for text on all lighter colors in the palette.
  • Avoid using #DBC8AC for text on #E5DCCA backgrounds; opt for a darker color for text.
  • Check contrast ratios if using #B2D3C2 as text on #DBC8AC or #E5DCCA, as it might be too subtle.

Recommended combinations

Dune & Sea

Combine warm sand with cool green and a deep anchor for balanced and sophisticated branding.

#DBC8AC · #B2D3C2 · #6C8A8E

Soft Horizon

Use for serene web layouts, with a light background, muted text, and a warm accent.

#E5DCCA · #84A09F · #DBC8AC

Coastal Depth

Ideal for a darker, moody header, with warm content areas and a refreshing secondary element.

#6C8A8E · #DBC8AC · #B2D3C2

CSS variables

:root {
  --coastal-sands-aura-1: #DBC8AC;
  --coastal-sands-aura-2: #E5DCCA;
  --coastal-sands-aura-3: #B2D3C2;
  --coastal-sands-aura-4: #84A09F;
  --coastal-sands-aura-5: #6C8A8E;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "coastal-sands-aura": {
        1: "#DBC8AC",
        2: "#E5DCCA",
        3: "#B2D3C2",
        4: "#84A09F",
        5: "#6C8A8E",
      }
    }
  }
}

Related searches

neutral coastal color paletteearthy green and sand colorscalm natural brandingmuted beach tonesorganic design palette

Palette colors

Hex values

Color 1#DBC8AC
·
Color 2#E5DCCA
·
Color 3#B2D3C2
·
Color 4#84A09F
·
Color 5#6C8A8E
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.2:1Fail
1:1Fail
1.7:1Fail
2.3:1Fail
2
1.2:1Fail
1.2:1Fail
2.1:1Fail
2.7:1Fail
3
1:1Fail
1.2:1Fail
1.7:1Fail
2.3:1Fail
4
1.7:1Fail
2.1:1Fail
1.7:1Fail
1.3:1Fail
5
2.3:1Fail
2.7:1Fail
2.3:1Fail
1.3:1Fail

Similar palettes

More like Coastal Sands Aura

View all neutral
Coastal Dune Breeze
Coastal Dune Serenity
Desert Sand Horizon
Sandy Beach Drift
Seaside Linen Dream
Whispering Silk Dunes