Back to palettes

Palette

Lunar Dust Veil

Subtle, pale greys that mimic the soft, mysterious landscape of the moon under distant starlight.

monochromeminimal5 colors
More monochrome palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#C0C0C0#D3D3D3#E0E0E0#F0F0F0#A0A0A0

Palette guide

How to use Lunar Dust Veil

Overview

The 'Lunar Dust Veil' palette presents a collection of subtle, pale greys, mimicking the soft, mysterious landscape of the moon under distant starlight. Ranging from the bright #F0F0F0 to the slightly deeper #A0A0A0, with intermediate shades like #D3D3D3 and #E0E0E0, this palette is designed for ultra-minimalist and exceptionally clean aesthetics. Designers and developers will find it perfect for creating spacious, elegant, and understated interfaces or branding that emphasizes content and subtle textures. It's a testament to the power of near-white variations in crafting sophisticated visual experiences.

Best used for

  • High-end fashion and luxury brand websites
  • Minimalist product packaging design
  • Clean UI dashboards and data visualizations
  • Fine art gallery and portfolio platforms
  • Architectural renderings and presentations
  • Ethereal and subtle photography websites

Suggested color roles

primary

Use #A0A0A0 for subtle grounding elements, borders, or secondary content blocks where a hint of depth is needed.

secondary

Employ #C0C0C0 for supporting UI elements, inactive states, or as a background for less prominent sections.

accent

Apply #D3D3D3 as a delicate accent for very subtle highlights, hover effects, or divider lines.

background

Utilize #F0F0F0 as the primary background color for an ultra-clean, expansive, and pristine canvas.

text

For optimal readability, use a dark charcoal like #4A4A4A or pure black for all body text against these light backgrounds.

Accessibility notes

  • Text on this palette will require very dark colors (e.g., black or dark charcoal) to meet WCAG contrast guidelines.
  • The light greys like #F0F0F0, #E0E0E0, and #D3D3D3 offer extremely low contrast with each other; avoid using them for text or interactive elements.
  • Reserve the palette's colors primarily for backgrounds, borders, subtle UI components, and decorative elements.
  • Always ensure any text uses a high-contrast dark color, especially on the #F0F0F0 background, to maintain readability.

Recommended combinations

Pristine Clean

Creates an ultra-light and airy interface, ideal for high-end, minimalist designs where content shines.

#F0F0F0 · #E0E0E0 · #A0A0A0

Gentle Depth

Provides subtle layering for background elements or content blocks without introducing strong visual breaks.

#D3D3D3 · #C0C0C0 · #A0A0A0

Minimalist Base

Excellent for establishing a light, cohesive background structure with very soft transitions between areas.

#E0E0E0 · #F0F0F0 · #C0C0C0

CSS variables

:root {
  --lunar-dust-veil-2-1: #C0C0C0;
  --lunar-dust-veil-2-2: #D3D3D3;
  --lunar-dust-veil-2-3: #E0E0E0;
  --lunar-dust-veil-2-4: #F0F0F0;
  --lunar-dust-veil-2-5: #A0A0A0;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "lunar-dust-veil-2": {
        1: "#C0C0C0",
        2: "#D3D3D3",
        3: "#E0E0E0",
        4: "#F0F0F0",
        5: "#A0A0A0",
      }
    }
  }
}

Related searches

light grey color schememinimalist UI colorssubtle monochrome paletteclean web design colorsethereal grey branding

Palette colors

Hex values

Color 1#C0C0C0
·
Color 2#D3D3D3
·
Color 3#E0E0E0
·
Color 4#F0F0F0
·
Color 5#A0A0A0
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.2:1Fail
1.4:1Fail
1.6:1Fail
1.4:1Fail
2
1.2:1Fail
1.1:1Fail
1.3:1Fail
1.7:1Fail
3
1.4:1Fail
1.1:1Fail
1.2:1Fail
2:1Fail
4
1.6:1Fail
1.3:1Fail
1.2:1Fail
2.3:1Fail
5
1.4:1Fail
1.7:1Fail
2:1Fail
2.3:1Fail

Similar palettes

More like Lunar Dust Veil

View all monochrome
Lunar Crater Dust
Lunar Dust Veil
Lunar Surface Craters
Lunar Surface Gray
Celestial Moon Dust
Cloud Dancer Ballet