Palette

Moonlit Savannah Dusk

Soft, muted greens and browns, like a tranquil savannah under the subtle glow of a dusk moon.

EarthCalm5 colors

More Earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Moonlit Savannah Dusk 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 Moonlit Savannah Dusk.

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

Data visualization

#4A4F3F#7F7F6F#B0B0A0#D0D0C0#2A2F1F

Palette guide

How to use Moonlit Savannah Dusk

Overview

The Moonlit Savannah Dusk palette offers a tranquil and muted collection of greens and browns, perfectly evoking a serene savannah under the subtle glow of a dusk moon. With shades ranging from the deep #2A2F1F and #4A4F3F to softer tones like #7F7F6F, #B0B0A0, and #D0D0C0, this palette is ideal for designers seeking an organic, calming, and understated aesthetic. Its earthy, desaturated nature provides a sophisticated backdrop for projects that emphasize nature, sustainability, or quiet introspection. Developers can use these harmonious colors to build interfaces that feel grounded and visually peaceful.

Best used for

Eco-friendly and sustainable brand identities
Safari or wildlife photography portfolios
Minimalist nature-themed applications
Wellness and retreat center branding
Organic food and natural product packaging
Calming digital art and illustration

Suggested color roles

primary

Utilize #4A4F3F as a grounding primary color for main content blocks or navigation, providing a deep, organic base.

secondary

Apply #7F7F6F for supporting elements, subheadings, or subtle accents, offering a balanced mid-tone.

accent

The lightest shade, #D0D0C0, works well for subtle highlights, interactive elements, or as a contrasting text color on darker backgrounds.

background

For an airy, soft background, #D0D0C0 provides a clean canvas. For a deeper, immersive feel, #2A2F1F creates a rich backdrop.

text

White or a very light off-white (#D0D0C0) is highly readable on #2A2F1F and #4A4F3F. Use #4A4F3F for text on lighter backgrounds like #D0D0C0.

Accessibility notes

Ensure sufficient contrast for all text, especially when using mid-tones like #7F7F6F or #B0B0A0 for backgrounds. Darker text is usually required.
The darkest color, #2A2F1F, provides excellent contrast for white or very light text.
Avoid using #B0B0A0 and #D0D0C0 for large blocks of text if the text itself is also light, as this will lead to poor readability.
Consider using a slightly darker shade from outside the palette, like charcoal, for small print or legal text on very light backgrounds.

Recommended combinations

Dusk Horizon

Ideal for creating striking headers, dark mode interfaces, or hero sections where the light provides a gentle contrast to the deep greens.

#2A2F1F · #4A4F3F · #D0D0C0

Muted Earth

Perfect for subtle gradients, background textures, or informational panels that require a soft, harmonious, and natural feel.

#7F7F6F · #B0B0A0 · #D0D0C0

Savannah Shadows

Use for robust navigation, footers, or branding elements that need depth and an organic, sophisticated presence without being overly bold.

#4A4F3F · #7F7F6F · #B0B0A0

CSS variables

:root {
  --moonlit-savannah-dusk-1: #4A4F3F;
  --moonlit-savannah-dusk-2: #7F7F6F;
  --moonlit-savannah-dusk-3: #B0B0A0;
  --moonlit-savannah-dusk-4: #D0D0C0;
  --moonlit-savannah-dusk-5: #2A2F1F;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "moonlit-savannah-dusk": {
        1: "#4A4F3F",
        2: "#7F7F6F",
        3: "#B0B0A0",
        4: "#D0D0C0",
        5: "#2A2F1F",
      }
    }
  }
}

Hex values

Color 1#4A4F3F

Color 2#7F7F6F

Color 3#B0B0A0

Color 4#D0D0C0

Color 5#2A2F1F

Accessibility

Contrast checker

2.1:1Fail

3.9:1AA18

5.4:1AA

1.6:1Fail

2.1:1Fail

1.9:1Fail

2.6:1Fail

3.4:1AA18

3.9:1AA18

1.9:1Fail

1.4:1Fail

6.3:1AA

5.4:1AA

2.6:1Fail

1.4:1Fail

8.8:1AAA

1.6:1Fail

3.4:1AA18

6.3:1AA

8.8:1AAA

Similar palettes

More like Moonlit Savannah Dusk

View all Earth

Desert Twilight Haze

Whispering Dune Breeze