Back to palettes

Palette

Murky Bayou Night

A shadowy and mysterious journey into a deep bayou, where nature's secrets reside in the murk.

darkdark5 colors
More dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Murky Bayou Night 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 Murky Bayou Night.

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

Data visualization

#1A281A#3B4D3C#6A7F6C#9EAD9B#2C3A2D

Palette guide

How to use Murky Bayou Night

Overview

The Murky Bayou Night palette evokes a sense of deep mystery and natural tranquility, drawing inspiration from shadowed swamp landscapes. Its core is a rich blend of dark, muted greens and earthy tones, including the profound #1A281A, the nuanced #3B4D3C, the softer #6A7F6C, the misty #9EAD9B, and the deep #2C3A2D. This palette is a developer's and designer's choice for projects requiring a sophisticated, moody, or nature-inspired aesthetic. It's excellent for creating immersive digital environments, elegant branding, or any design that benefits from a subtle, atmospheric depth.

Best used for

  • Nature-themed digital interfaces or apps
  • Environmental or conservation branding
  • Gothic or mysterious storytelling visuals
  • Serene background textures and patterns
  • Evening wear or sophisticated apparel design
  • Documentary or film title sequences

Suggested color roles

primary

Utilize #1A281A as the foundational deep green, perfect for backgrounds, headers, or large blocks of color that anchor the design.

secondary

Employ #3B4D3C to add rich texture and depth, ideal for panels, card backgrounds, or primary UI elements.

accent

Apply #9EAD9B as a subtle, misty highlight for small details, icons, or secondary text, providing a gentle contrast.

background

A deep and immersive background like #1A281A or #2C3A2D provides a calming and mysterious canvas, allowing lighter elements to emerge softly.

text

For excellent readability on dark backgrounds, use #9EAD9B or a very light, desaturated off-white (e.g., #F0F0F0) for primary text.

Accessibility notes

  • Prioritize sufficient contrast when placing lighter text or elements on the darker greens to ensure readability for all users.
  • Avoid using #6A7F6C for small text on #3B4D3C backgrounds, as contrast may be insufficient.
  • The lighter shade #9EAD9B is crucial for providing necessary visual breaks and highlights within the dark palette.
  • Always test text and interactive element colors against their backgrounds using WCAG contrast checkers.

Recommended combinations

Deep Woods

Creates a profound sense of depth and mystery, suitable for primary content areas with subtle highlights.

#1A281A · #3B4D3C · #9EAD9B

Misty Shore

Offers a softer, more atmospheric gradient, perfect for backgrounds or serene visual elements.

#2C3A2D · #6A7F6C · #9EAD9B

Bayou Roots

A harmonious dark blend for robust, grounding sections or monochromatic design schemes.

#1A281A · #2C3A2D · #3B4D3C

CSS variables

:root {
  --murky-bayou-night-1: #1A281A;
  --murky-bayou-night-2: #3B4D3C;
  --murky-bayou-night-3: #6A7F6C;
  --murky-bayou-night-4: #9EAD9B;
  --murky-bayou-night-5: #2C3A2D;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "murky-bayou-night": {
        1: "#1A281A",
        2: "#3B4D3C",
        3: "#6A7F6C",
        4: "#9EAD9B",
        5: "#2C3A2D",
      }
    }
  }
}

Related searches

dark green palettemysterious nature colorsswamp theme designmoody forest palettesubtle earthy tones

Palette colors

Hex values

Color 1#1A281A
·
Color 2#3B4D3C
·
Color 3#6A7F6C
·
Color 4#9EAD9B
·
Color 5#2C3A2D
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.7:1Fail
3.6:1AA18
6.5:1AA
1.3:1Fail
2
1.7:1Fail
2.1:1Fail
3.9:1AA18
1.3:1Fail
3
3.6:1AA18
2.1:1Fail
1.8:1Fail
2.8:1Fail
4
6.5:1AA
3.9:1AA18
1.8:1Fail
5.1:1AA
5
1.3:1Fail
1.3:1Fail
2.8:1Fail
5.1:1AA

Similar palettes

More like Murky Bayou Night

View all dark
Bayou Witch Gloom
Dark Forest Canopy
Dark Woodland Shade
Deep Forest Canopy
Deep Forest Murmur
Enchanted Gloom Nook