Back to palettes

Palette

Moon Rock Sands

Subtle, stony grays capturing the desolate yet beautiful surface of the moon's sandy plains.

monochromeminimal5 colors
More monochrome palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Moon Rock Sands 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 Moon Rock Sands.

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

Data visualization

#F0F0EE#CBCBCC#A8A8AA#7D7D7F#5A5A5D

Palette guide

How to use Moon Rock Sands

Overview

The Moon Rock Sands palette captures the subtle, stony grays of the desolate yet beautiful surface of the moon's sandy plains. This monochrome collection features light, almost ethereal tones like #F0F0EE and #CBCBCC, transitioning through the stable #A8A8AA to the deeper #7D7D7F and #5A5A5D. It's perfect for conveying minimalism, sophistication, and a cosmic, understated aesthetic. Designers and developers will find this palette excellent for creating clean, modern, and timeless visual experiences that evoke tranquility and a sense of vastness without being stark.

Best used for

  • Science and space exploration themes
  • Minimalist UI/UX design
  • Modern art and abstract design
  • Architectural renders and portfolios
  • Sustainable materials branding
  • High-tech product interfaces

Suggested color roles

primary

Utilize #5A5A5D as a deep, grounding primary color for headers, main navigation, or strong brand elements, providing a stable foundation.

secondary

Employ #7D7D7F for supporting elements, subheadings, or secondary calls-to-action, offering a slightly lighter, harmonious balance.

accent

Apply #F0F0EE as a light, ethereal accent for interactive elements, subtle highlights, or legible text on darker backgrounds.

background

Use #A8A8AA as a versatile mid-tone background, providing a neutral, calming base that allows other colors to stand out gracefully.

text

Choose #5A5A5D or a dark charcoal for primary text on light backgrounds (#F0F0EE, #CBCBCC) to ensure high readability. Use white on #5A5A5D.

Accessibility notes

  • Ensure sufficient contrast between dark text (e.g., #5A5A5D) on lighter backgrounds like #F0F0EE and #CBCBCC.
  • Avoid placing light text on #A8A8AA or #7D7D7F without checking WCAG contrast ratios, as they are mid-tones.
  • For text on #5A5A5D, use white or a very light off-white to ensure optimal readability.
  • Always test essential text elements for contrast, especially in a monochrome palette where differences can be subtle.

Recommended combinations

Lunar Surface

Creates a soft, layered effect, perfect for light backgrounds or sections that need to feel expansive and subtly textured.

#F0F0EE · #CBCBCC · #A8A8AA

Cosmic Depths

Highlights the depth and sophistication of the palette, ideal for strong brand elements, headers, or immersive dark sections.

#5A5A5D · #7D7D7F · #A8A8AA

Minimalist Stone

Offers a balanced contrast between light and dark, suitable for clean interfaces where readability and subtle elegance are key.

#CBCBCC · #5A5A5D · #F0F0EE

CSS variables

:root {
  --moon-rock-sands-1: #F0F0EE;
  --moon-rock-sands-2: #CBCBCC;
  --moon-rock-sands-3: #A8A8AA;
  --moon-rock-sands-4: #7D7D7F;
  --moon-rock-sands-5: #5A5A5D;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "moon-rock-sands": {
        1: "#F0F0EE",
        2: "#CBCBCC",
        3: "#A8A8AA",
        4: "#7D7D7F",
        5: "#5A5A5D",
      }
    }
  }
}

Related searches

moon rock colorslunar grey paletteminimalist stone schemecosmic neutral tonessubtle grey design

Palette colors

Hex values

Color 1#F0F0EE
·
Color 2#CBCBCC
·
Color 3#A8A8AA
·
Color 4#7D7D7F
·
Color 5#5A5A5D
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.4:1Fail
2.1:1Fail
3.6:1AA18
6:1AA
2
1.4:1Fail
1.5:1Fail
2.5:1Fail
4.2:1AA18
3
2.1:1Fail
1.5:1Fail
1.7:1Fail
2.9:1Fail
4
3.6:1AA18
2.5:1Fail
1.7:1Fail
1.7:1Fail
5
6:1AA
4.2:1AA18
2.9:1Fail
1.7:1Fail

Similar palettes

More like Moon Rock Sands

View all monochrome
Basalt Stream Pebble
Beach Stone Sketch
Calm Stone Meditate
Celestial Moon Dust
Granite Peak Twilight
Historic Tablet Text