Back to palettes

Palette

Dune Seagrass Drift

Muted greens and soft blues, reflecting the natural beauty of windswept dunes and swaying seagrass.

earthcalm5 colors
More earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Dune Seagrass Drift 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 Dune Seagrass Drift.

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

Data visualization

#9ACD32#6B8E23#B0C4DE#778899#A2AD9C

Palette guide

How to use Dune Seagrass Drift

Overview

The "Dune Seagrass Drift" palette features muted greens and soft blues, reflecting the natural beauty of windswept dunes and swaying seagrass. This earthy-cool collection includes a vibrant lime green #9ACD32, a deep olive green #6B8E23, a serene blue-gray #B0C4DE, a subtle slate gray #778899, and a muted sage-gray #A2AD9C. It's ideal for designs seeking a natural, calm, and organic coastal aesthetic. Designers can utilize this palette for eco-friendly branding, outdoor lifestyle products, or serene digital interfaces. Developers will find these hex codes excellent for creating harmonious user experiences that convey a sense of nature, tranquility, and environmental consciousness.

Best used for

  • Eco-conscious and organic product branding
  • Nature conservation websites or apps
  • Outdoor lifestyle and gardening blogs
  • Coastal home decor or sustainable fashion
  • Wellness and meditation apps with a natural theme
  • Photography featuring landscapes or botanical elements

Suggested color roles

primary

#9ACD32 - A vibrant lime green, excellent for primary branding elements, calls-to-action, or to convey freshness and nature.

secondary

#B0C4DE - A soft blue-gray, perfect for main content areas, backgrounds, or to provide a calming, expansive base.

accent

#6B8E23 - A deep olive green, ideal for strong accents, important icons, or to add grounded depth and natural richness.

background

#A2AD9C - A muted sage-gray, offering a soft, earthy, and versatile canvas that complements both greens and blues.

text

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

Accessibility notes

  • Ensure sufficient contrast when pairing #B0C4DE with #A2AD9C for text; a darker text color is often required.
  • #9ACD32 might be too bright for large blocks of text on lighter backgrounds; use it for headings or accents.
  • #6B8E23 provides good contrast on #A2AD9C or #B0C4DE, making it suitable for body text or important elements.
  • Avoid using #778899 as text on #A2AD9C due to potential low contrast, especially for smaller fonts.

Recommended combinations

Dune Layers

Creates a subtle, layered background or UI elements, evoking the soft undulations of dunes.

#A2AD9C · #B0C4DE · #778899

Seagrass Pop

Use for vibrant branding, calls-to-action, and a muted background to highlight the greens.

#9ACD32 · #6B8E23 · #A2AD9C

Coastal Harmony

Ideal for content blocks, card backgrounds, or subtle visual hierarchy with a refreshing, natural feel.

#B0C4DE · #778899 · #9ACD32

CSS variables

:root {
  --dune-seagrass-drift-1: #9ACD32;
  --dune-seagrass-drift-2: #6B8E23;
  --dune-seagrass-drift-3: #B0C4DE;
  --dune-seagrass-drift-4: #778899;
  --dune-seagrass-drift-5: #A2AD9C;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "dune-seagrass-drift": {
        1: "#9ACD32",
        2: "#6B8E23",
        3: "#B0C4DE",
        4: "#778899",
        5: "#A2AD9C",
      }
    }
  }
}

Related searches

dune green blue paletteseagrass color schemenatural coastal colorsearthy calm designmuted green gray branding

Palette colors

Hex values

Color 1#9ACD32
·
Color 2#6B8E23
·
Color 3#B0C4DE
·
Color 4#778899
·
Color 5#A2AD9C
·

Accessibility

Contrast checker

1
2
3
4
5
1
2:1Fail
1.1:1Fail
1.9:1Fail
1.2:1Fail
2
2:1Fail
2.1:1Fail
1:1Fail
1.6:1Fail
3
1.1:1Fail
2.1:1Fail
2:1Fail
1.3:1Fail
4
1.9:1Fail
1:1Fail
2:1Fail
1.6:1Fail
5
1.2:1Fail
1.6:1Fail
1.3:1Fail
1.6:1Fail

Similar palettes

More like Dune Seagrass Drift

View all earth
Matcha Ceremony Peace
Olive Grove Slumber
Bamboo Grove Mist
Coastal Pine Solace
Enchanted Garden Gate
Forest Whisper Green