Palette

Lunar Module Descent

Minimalist shades of grey, silver, and pale blue evoke the stark beauty of a lunar landscape.

coolminimal5 colors

More cool palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Lunar Module Descent 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 Module Descent.

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

Data visualization

#0D1317#3B4A54#6E8B99#BECFD9#F7F8FA

Palette guide

How to use Lunar Module Descent

Overview

The Lunar Module Descent palette embodies a minimalist, stark aesthetic inspired by a lunar landscape. This cool-toned scheme features a range of greys and pale blues, from the deep #0D1317 (Near Black) to the almost white #F7F8FA. The intermediate shades like #3B4A54 (Dark Slate Grey) and #6E8B99 (Steel Blue) provide structure and a subtle cool undertone, evoking a sense of technological precision and spatial vastness. It's an excellent choice for designers aiming for a futuristic, clean, and highly functional look, ideal for projects that require a serious, sophisticated, and understated visual identity.

Best used for

Tech and software user interfaces
Scientific and aerospace industry branding
Architectural visualization and design
Minimalist website and app designs
Automotive or industrial product displays
Modern art and photography portfolios

Suggested color roles

primary

Use #3B4A54 (Dark Slate Grey) for main content areas, primary navigation, or prominent section headers, establishing a solid, modern base.

secondary

Employ #6E8B99 (Steel Blue) for secondary information, dividers, or background elements, adding a subtle cool dimension.

accent

Apply #BECFD9 (Light Blue Grey) sparingly for hover states, subtle iconography, or to highlight secondary interactive elements.

background

Utilize #F7F8FA (Near White) as a clean, expansive background, providing excellent contrast and a spacious feel.

text

For optimal readability, use #0D1317 (Deep Charcoal) for all body text and primary headings against lighter backgrounds.

Accessibility notes

Ensure #0D1317 text on #F7F8FA backgrounds meets WCAG AAA contrast standards for maximum readability.
Avoid using #BECFD9 for small text on #F7F8FA as the contrast will be insufficient; reserve it for larger elements or accents.
Text in #3B4A54 on #F7F8FA provides good contrast, suitable for primary content.
Be mindful of contrast when combining #3B4A54 with #6E8B99 for elements like borders or subtle separators.

Recommended combinations

Space Base

Ideal for creating deep, layered backgrounds or sections that convey technological sophistication and depth.

#0D1317 · #3B4A54 · #6E8B99

Lunar Surface

Perfect for clean UI elements, subtle gradients, or backgrounds that evoke a bright, expansive lunar landscape.

#BECFD9 · #F7F8FA · #6E8B99

Stark Contrast

Effective for high-impact headlines, critical calls-to-action, or data visualization where clarity is paramount.

#F7F8FA · #0D1317 · #3B4A54

CSS variables

:root {
  --lunar-module-descent-1: #0D1317;
  --lunar-module-descent-2: #3B4A54;
  --lunar-module-descent-3: #6E8B99;
  --lunar-module-descent-4: #BECFD9;
  --lunar-module-descent-5: #F7F8FA;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "lunar-module-descent": {
        1: "#0D1317",
        2: "#3B4A54",
        3: "#6E8B99",
        4: "#BECFD9",
        5: "#F7F8FA",
      }
    }
  }
}

Hex values

Color 1#0D1317

Color 2#3B4A54

Color 3#6E8B99

Color 4#BECFD9

Color 5#F7F8FA

Accessibility

Contrast checker

2:1Fail

5.2:1AA

11.7:1AAA

17.6:1AAA

2:1Fail

2.5:1Fail

5.7:1AA

8.6:1AAA

5.2:1AA

2.5:1Fail

2.3:1Fail

3.4:1AA18

11.7:1AAA

5.7:1AA

2.3:1Fail

1.5:1Fail

17.6:1AAA

8.6:1AAA

3.4:1AA18

1.5:1Fail

Similar palettes

More like Lunar Module Descent