Back to palettes

Palette

Lunar Moth Serene

Soft, muted grays and silvers capture the quiet elegance of a moonlit night, perfect for a calm and serene setting.

monochromecalm5 colors
More monochrome palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Lunar Moth Serene 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 Lunar Moth Serene.

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

Data visualization

#DCDCDC#A0A0A0#707070#404040#B8B8B8

Palette guide

How to use Lunar Moth Serene

Overview

The Lunar Moth Serene palette is a sophisticated monochromatic collection, capturing the quiet elegance of a moonlit night through soft, muted grays and silvers. Ranging from the light #DCDCDC (Gainsboro) to the deeper #404040 (Dark Grey), this scheme offers subtle depth and a calm, serene feel. The consistent use of grey tones, including #A0A0A0 (Grey) and #707070 (Medium Grey), ensures harmony and versatility, making it perfect for designs that require understated luxury and timeless appeal. It's an excellent choice for creating professional, minimalist, and highly adaptable visual identities across various platforms.

Best used for

  • Professional portfolios and corporate branding
  • Minimalist website and application designs
  • Luxury product packaging and branding
  • Interior design mood boards
  • Subtle user interface elements
  • Calm and sophisticated art installations

Suggested color roles

primary

Utilize #707070 (Medium Grey) for main content areas, prominent headings, or primary interactive elements, providing a balanced visual weight.

secondary

Employ #A0A0A0 (Grey) for supporting information, subheadings, or background textures, offering a softer complementary tone.

accent

Apply #B8B8B8 (Light Grey) for subtle highlights, hover states, or decorative lines, adding a delicate touch.

background

Use #DCDCDC (Gainsboro) as a clean, serene background, creating an open and airy feel that enhances the other grey tones.

text

For optimal readability, use #404040 (Dark Grey) for all body text and primary headings against lighter backgrounds.

Accessibility notes

  • Ensure #404040 text on #DCDCDC backgrounds meets WCAG AA contrast standards for good readability.
  • Avoid using #B8B8B8 for small text on #DCDCDC as the contrast will be insufficient; reserve it for larger decorative elements.
  • Text in #707070 on #DCDCDC provides fair contrast, suitable for secondary text or larger elements.
  • When layering mid-tones like #A0A0A0 and #707070, ensure clear visual separation through size or weight differences.

Recommended combinations

Soft Gradient

Ideal for creating smooth, subtle gradients in backgrounds, headers, or elegant UI components.

#DCDCDC · #B8B8B8 · #A0A0A0

Deep Shadow

Perfect for content blocks, footers, or sections requiring more visual depth and grounding.

#404040 · #707070 · #A0A0A0

Quiet Elegance

Effective for high-contrast headlines or key feature blocks where dark text needs to stand out on a light background.

#DCDCDC · #404040 · #707070

CSS variables

:root {
  --lunar-moth-serene-1: #DCDCDC;
  --lunar-moth-serene-2: #A0A0A0;
  --lunar-moth-serene-3: #707070;
  --lunar-moth-serene-4: #404040;
  --lunar-moth-serene-5: #B8B8B8;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "lunar-moth-serene": {
        1: "#DCDCDC",
        2: "#A0A0A0",
        3: "#707070",
        4: "#404040",
        5: "#B8B8B8",
      }
    }
  }
}

Related searches

serene grey palettemonochromatic subtlemoonlit grey schemecalm neutral colorselegant silver tones

Palette colors

Hex values

Color 1#DCDCDC
·
Color 2#A0A0A0
·
Color 3#707070
·
Color 4#404040
·
Color 5#B8B8B8
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.9:1Fail
3.6:1AA18
7.6:1AAA
1.4:1Fail
2
1.9:1Fail
1.9:1Fail
4:1AA18
1.3:1Fail
3
3.6:1AA18
1.9:1Fail
2.1:1Fail
2.5:1Fail
4
7.6:1AAA
4:1AA18
2.1:1Fail
5.2:1AA
5
1.4:1Fail
1.3:1Fail
2.5:1Fail
5.2:1AA

Similar palettes

More like Lunar Moth Serene

View all monochrome
Dusky Meadow Mist
Morning Fog
Soft Greige Cloud
Ancient Forest Myst
Arctic Fox Pelt
Contemplative Stone Flow