Back to palettes

Palette

Lunar Moth Wing

A delicate array of muted tones reminiscent of a moth's nocturnal flight under a silver moon.

neutralelegant5 colors
More neutral palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#DCDCDC#A9A9A9#696969#483D8B#C0C0C0

Palette guide

How to use Lunar Moth Wing

Overview

The Lunar Moth Wing palette offers a delicate array of muted tones, reminiscent of a moth's nocturnal flight under a silver moon. This neutral scheme gracefully blends various greys, from the light #DCDCDC (Gainsboro) to the deeper #696969 (Dim Grey), with a striking accent of #483D8B (Dark Slate Blue). This subtle purple-blue hue adds an unexpected touch of elegance and mystery, preventing the palette from being purely monochromatic. It's a versatile choice for designers seeking a sophisticated, understated, yet intriguing visual identity, perfect for projects that require a blend of calm neutrality and a hint of enchanting depth.

Best used for

  • Elegant branding and corporate identity
  • Fashion and luxury product websites
  • Artistic and photography portfolios
  • Event invitations with a sophisticated theme
  • Subtle user interface designs
  • Nocturnal-themed digital art

Suggested color roles

primary

Use #696969 (Dim Grey) for main content areas, primary navigation, or prominent section headers, providing a solid, elegant base.

secondary

Employ #A9A9A9 (Dark Grey) for supporting information, subheadings, or subtle background patterns, offering a softer complement.

accent

Apply #483D8B (Dark Slate Blue) sparingly for calls-to-action, key highlights, or decorative elements, adding a distinctive, sophisticated pop.

background

Utilize #DCDCDC (Gainsboro) as a clean, serene background, creating an open and sophisticated canvas.

text

For optimal readability, use #696969 or #483D8B for all body text and primary headings against lighter backgrounds.

Accessibility notes

  • Ensure #696969 text on #DCDCDC backgrounds meets WCAG AA contrast standards for good readability.
  • Avoid using #C0C0C0 for small text on #DCDCDC as the contrast will be insufficient; reserve it for larger decorative elements.
  • Text in #483D8B on #DCDCDC provides excellent contrast, suitable for headings and important information.
  • Be mindful of contrast when combining #A9A9A9 with #696969 for elements like borders or subtle separators.

Recommended combinations

Wing Shimmer

Ideal for creating soft, subtle gradients or layered backgrounds that evoke a delicate, shimmering effect.

#DCDCDC · #C0C0C0 · #A9A9A9

Nocturnal Depth

Perfect for content blocks or graphical elements that require more visual weight and a touch of mysterious elegance.

#696969 · #483D8B · #A9A9A9

Subtle Highlight

Effective for highlighting key information or interactive components, with the accent providing a sophisticated focal point.

#DCDCDC · #483D8B · #696969

CSS variables

:root {
  --lunar-moth-wing-1: #DCDCDC;
  --lunar-moth-wing-2: #A9A9A9;
  --lunar-moth-wing-3: #696969;
  --lunar-moth-wing-4: #483D8B;
  --lunar-moth-wing-5: #C0C0C0;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "lunar-moth-wing": {
        1: "#DCDCDC",
        2: "#A9A9A9",
        3: "#696969",
        4: "#483D8B",
        5: "#C0C0C0",
      }
    }
  }
}

Related searches

elegant grey purplesubtle nocturnal palettesilver moth colorsmuted blue-grey schemedelicate branding hues

Palette colors

Hex values

Color 1#DCDCDC
·
Color 2#A9A9A9
·
Color 3#696969
·
Color 4#483D8B
·
Color 5#C0C0C0
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.7:1Fail
4:1AA18
6.6:1AA
1.3:1Fail
2
1.7:1Fail
2.3:1Fail
3.9:1AA18
1.3:1Fail
3
4:1AA18
2.3:1Fail
1.7:1Fail
3:1AA18
4
6.6:1AA
3.9:1AA18
1.7:1Fail
5:1AA
5
1.3:1Fail
1.3:1Fail
3:1AA18
5:1AA

Similar palettes

More like Lunar Moth Wing

View all neutral
Pearl Glimmer Satin
Silk Gown Drape
Ancient Calligraphy Ink
Ancient Marble Ruins
Ancient Marble Sculpture
Ancient Marble Veins