Back to palettes

Palette

Lunar Crater Surface

A stark, minimalist palette of light grays, reflecting the desolate, cratered surface of the moon.

monochromeminimal5 colors
More monochrome palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#808080#A9A9A9#C0C0C0#D3D3D3#E6E6E6

Palette guide

How to use Lunar Crater Surface

Overview

The Lunar Crater Surface palette is a stark, minimalist monochromatic collection of cool grays, reflecting the desolate, cratered surface of the moon. It comprises a medium gray (#808080), a darker light gray (#A9A9A9), a light gray (#C0C0C0), a very light gray (#D3D3D3), and an off-white gray (#E6E6E6). This palette is an excellent choice for designers and developers aiming for a sense of calm, precision, and modernity. Its clean, desaturated tones provide a sophisticated backdrop, perfect for projects that demand clarity, understated elegance, and a focus on content or functionality, evoking a high-tech or scientific aesthetic.

Best used for

  • Modern UI/UX design for web and mobile
  • Architectural visualization and renders
  • Scientific data display and interfaces
  • Minimalist product design and packaging
  • High-tech branding and corporate websites
  • Photography portfolios and art galleries

Suggested color roles

primary

Use #808080 as a solid, foundational primary color for headers, main navigation, or key structural elements, providing strength.

secondary

Employ #A9A9A9 for secondary elements, content panels, or subtle borders to add a balanced, cohesive tone.

accent

Apply #D3D3D3 as a clean, subtle highlight for interactive states, iconography, or discrete calls-to-action.

background

Utilize #E6E6E6 for a bright, expansive canvas that mimics a moonlit surface, or a pure white for ultimate clarity.

text

For primary text, use #808080 for excellent legibility on lighter backgrounds, or a darker charcoal like #333333 for maximum contrast.

Accessibility notes

  • Text contrast is paramount; ensure sufficient difference between text and background, especially with adjacent gray shades.
  • Verify that interactive elements have clear visual states beyond just color changes (e.g., hover effects, underlines).
  • Avoid using too many similar shades for critical information; use bolder weights or icons for distinction.
  • Test on various screens and accessibility tools to ensure readability for all users.

Recommended combinations

Crater Depth

Creates a strong sense of depth and contrast, ideal for clear content separation.

#808080 · #A9A9A9 · #E6E6E6

Surface Glow

Offers subtle, ethereal transitions, perfect for backgrounds or delicate UI elements.

#C0C0C0 · #D3D3D3 · #E6E6E6

Tech Precision

Provides a balanced, modern gradient, suitable for clean interfaces and data displays.

#808080 · #C0C0C0 · #D3D3D3

CSS variables

:root {
  --lunar-crater-surface-1: #808080;
  --lunar-crater-surface-2: #A9A9A9;
  --lunar-crater-surface-3: #C0C0C0;
  --lunar-crater-surface-4: #D3D3D3;
  --lunar-crater-surface-5: #E6E6E6;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "lunar-crater-surface": {
        1: "#808080",
        2: "#A9A9A9",
        3: "#C0C0C0",
        4: "#D3D3D3",
        5: "#E6E6E6",
      }
    }
  }
}

Related searches

moon surface colorsminimalist gray schemecool monochrome palettecrater texture colorsmodern tech grays

Palette colors

Hex values

Color 1#808080
·
Color 2#A9A9A9
·
Color 3#C0C0C0
·
Color 4#D3D3D3
·
Color 5#E6E6E6
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.7:1Fail
2.2:1Fail
2.6:1Fail
3.2:1AA18
2
1.7:1Fail
1.3:1Fail
1.6:1Fail
1.9:1Fail
3
2.2:1Fail
1.3:1Fail
1.2:1Fail
1.5:1Fail
4
2.6:1Fail
1.6:1Fail
1.2:1Fail
1.2:1Fail
5
3.2:1AA18
1.9:1Fail
1.5:1Fail
1.2:1Fail

Similar palettes

More like Lunar Crater Surface

View all monochrome
Celestial Moon Dust
Lunar Dust Voyage
Lunar Surface
Lunar Surface Craters
Lunar Crater Dust
Lunar Dust Veil