Back to palettes

Palette

Delta Murmur

Soft, muted greens and grays reflecting the calm, flowing waters and fertile lands of a river delta.

earthcalm5 colors
More earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Delta Murmur 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 Delta Murmur.

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

Data visualization

#5A7B72#8DA39C#B2CCC4#DCECE8#45625B

Palette guide

How to use Delta Murmur

Overview

The Delta Murmur palette reflects the calm, flowing waters and fertile lands of a river delta with its soft, muted greens and grays. It features the deep, grounding #45625B and #5A7B72, transitioning through the serene #8DA39C and #B2CCC4, culminating in the ethereal #DCECE8. This calm, earthy, and natural collection is perfect for designers seeking to evoke tranquility, organic beauty, and a sense of gentle flow. Developers can utilize these hues for eco-conscious branding, nature-themed applications, or serene UI designs that convey a sense of peace, authenticity, and sophisticated minimalism, like a quiet river.

Best used for

  • Environmental conservation websites
  • Eco-friendly product packaging
  • Spa or wellness brand identities
  • Nature photography portfolios
  • Minimalist interior design concepts
  • Calm and focused productivity apps

Suggested color roles

primary

#45625B - The deepest, most grounding green-grey, ideal for foundational backgrounds or dominant elements, conveying stability.

secondary

#5A7B72 - A rich, muted green, perfect for content sections, headers, or secondary navigational components.

accent

#DCECE8 - A very light, ethereal green-grey, excellent for interactive elements, highlights, or delicate graphical accents, providing clear distinction.

background

#8DA39C - A balanced, muted green-grey that serves as a versatile background for content, offering a soft, earthy base.

text

#45625B - Recommended for primary text against lighter backgrounds like #DCECE8 or #B2CCC4 to ensure excellent readability.

Accessibility notes

  • Text in #45625B against #DCECE8 or #B2CCC4 will provide good contrast, generally meeting WCAG AA standards.
  • Avoid using #8DA39C for text on #5A7B72, as contrast may be insufficient for smaller font sizes.
  • For critical information, especially on mid-tones, consider using a darker charcoal or black text for maximum legibility.
  • Ensure interactive elements, particularly those using #DCECE8, are clearly distinguishable from adjacent light tones.

Recommended combinations

River Flow

To create smooth, layered backgrounds or for subtle distinctions between content blocks, mimicking flowing water.

#45625B · #5A7B72 · #8DA39C

Wetland Hues

Highlighting key information or interactive components, with #DCECE8 providing a light, ethereal focal point.

#5A7B72 · #DCECE8 · #B2CCC4

Muted Greens

Effective for calm branding or serene UI elements, offering a harmonious progression of muted greens and greys.

#45625B · #B2CCC4 · #DCECE8

CSS variables

:root {
  --delta-murmur-1: #5A7B72;
  --delta-murmur-2: #8DA39C;
  --delta-murmur-3: #B2CCC4;
  --delta-murmur-4: #DCECE8;
  --delta-murmur-5: #45625B;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "delta-murmur": {
        1: "#5A7B72",
        2: "#8DA39C",
        3: "#B2CCC4",
        4: "#DCECE8",
        5: "#45625B",
      }
    }
  }
}

Related searches

delta green grey palettecalm wetland colorsmuted earthy green brandingserene UI themeriver delta aesthetic

Palette colors

Hex values

Color 1#5A7B72
·
Color 2#8DA39C
·
Color 3#B2CCC4
·
Color 4#DCECE8
·
Color 5#45625B
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.7:1Fail
2.7:1Fail
3.8:1AA18
1.4:1Fail
2
1.7:1Fail
1.6:1Fail
2.2:1Fail
2.5:1Fail
3
2.7:1Fail
1.6:1Fail
1.4:1Fail
3.9:1AA18
4
3.8:1AA18
2.2:1Fail
1.4:1Fail
5.5:1AA
5
1.4:1Fail
2.5:1Fail
3.9:1AA18
5.5:1AA

Similar palettes

More like Delta Murmur

View all earth
Tranquil Rice Paddies
Whispering Willow Shade
Bamboo Grove Calm
Bamboo Grove Mist
Coastal Bluff Grass
Coastal Pine Solace