Back to palettes

Palette

Lunar Crater Dust

Muted, dusty greys inspired by the desolate, ethereal landscape of the moon's surface.

monochromeminimal5 colors
More monochrome palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Lunar Crater Dust 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 Crater Dust.

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

Data visualization

#AAAAAA#D0D0D0#E0E0E0#909090#BBBBBB

Palette guide

How to use Lunar Crater Dust

Overview

The Lunar Crater Dust palette is a sophisticated monochrome collection of subtle, dusty grays, perfectly capturing the desolate yet ethereal landscape of the moon's surface. Featuring a medium gray (#AAAAAA), a light gray (#D0D0D0), a very light gray (#E0E0E0), a darker medium gray (#909090), and a slightly lighter medium gray (#BBBBBB), this palette is ideal for designers and developers seeking a minimalist, scientific, or highly sophisticated aesthetic. Its understated elegance and neutral tones provide a versatile foundation for designs that require precision, clarity, and a sense of calm, allowing content to take center stage.

Best used for

  • Scientific publications and data visualization
  • Minimalist websites and digital portfolios
  • Architectural renders and interior design concepts
  • Tech product user interfaces (UI)
  • Background textures and subtle gradients
  • Sophisticated corporate branding

Suggested color roles

primary

Use #909090 as a solid, grounding primary color for headers, navigation, or important structural elements, providing stability.

secondary

Employ #AAAAAA for secondary elements, content blocks, or subtle borders to maintain a cohesive, balanced feel.

accent

Apply #D0D0D0 as a delicate accent for highlights, hover states, or subtle iconography, adding a touch of luminosity.

background

Utilize #E0E0E0 for a clean, expansive base that mimics a dusty lunar surface, or a pure white for maximum contrast.

text

For primary text, use a very dark gray like #333333 or #909090 for excellent legibility on lighter backgrounds.

Accessibility notes

  • Crucial to ensure sufficient contrast between different shades of gray for text and interactive elements.
  • Avoid using adjacent shades for critical information; ensure a clear difference in lightness.
  • Use larger font sizes or bolder weights for text that needs to stand out on similar gray backgrounds.
  • Test the palette in grayscale to ensure visual hierarchy and information are maintained.

Recommended combinations

Dusty Horizon

Creates a subtle gradient, ideal for atmospheric backgrounds or layered UI elements.

#909090 · #AAAAAA · #E0E0E0

Crater Edge

Offers gentle transitions, perfect for subtle depth and texture in minimalist designs.

#AAAAAA · #BBBBBB · #D0D0D0

Lunar Base

Provides a strong base with lighter accents, suitable for content-heavy pages requiring clarity.

#909090 · #D0D0D0 · #E0E0E0

CSS variables

:root {
  --lunar-crater-dust-1: #AAAAAA;
  --lunar-crater-dust-2: #D0D0D0;
  --lunar-crater-dust-3: #E0E0E0;
  --lunar-crater-dust-4: #909090;
  --lunar-crater-dust-5: #BBBBBB;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "lunar-crater-dust": {
        1: "#AAAAAA",
        2: "#D0D0D0",
        3: "#E0E0E0",
        4: "#909090",
        5: "#BBBBBB",
      }
    }
  }
}

Related searches

lunar gray paletteminimalist monochromespace dust colorssubtle gray schemescientific ui colors

Palette colors

Hex values

Color 1#AAAAAA
·
Color 2#D0D0D0
·
Color 3#E0E0E0
·
Color 4#909090
·
Color 5#BBBBBB
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.5:1Fail
1.8:1Fail
1.4:1Fail
1.2:1Fail
2
1.5:1Fail
1.2:1Fail
2.1:1Fail
1.2:1Fail
3
1.8:1Fail
1.2:1Fail
2.4:1Fail
1.5:1Fail
4
1.4:1Fail
2.1:1Fail
2.4:1Fail
1.7:1Fail
5
1.2:1Fail
1.2:1Fail
1.5:1Fail
1.7:1Fail

Similar palettes

More like Lunar Crater Dust

View all monochrome
Lunar Dust Veil
Lunar Dust Veil
Lunar Dust Veil
Lunar Surface Craters
Lunar Surface Gray
Celestial Moon Dust