Back to palettes

Palette

Lunar Dust Veil

Subtle shades of cool grey, inspired by the tranquil, dusty 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 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

#DEDEE8#BFBFCD#A0A0B3#838396#656578

Palette guide

How to use Lunar Dust Veil

Overview

The 'Lunar Dust Veil' palette offers subtle shades of cool grey, inspired by the tranquil, dusty surface of the moon. This collection transitions from the light, almost lavender-grey #DEDEE8 to the deep, muted #656578, with sophisticated mid-tones like #A0A0B3 and #838396. Designers and developers will appreciate its ability to create a sense of calm, elegance, and modern sophistication. The slight purplish undertone gives it a unique character, making it perfect for projects that require a refined, understated yet distinctive aesthetic, ideal for both digital and print applications.

Best used for

  • Tech startup branding and interfaces
  • Luxury goods and lifestyle websites
  • Abstract art platforms and digital galleries
  • Sophisticated app themes and dark modes
  • Editorial layouts and modern publications
  • Contemporary home decor inspiration

Suggested color roles

primary

Utilize #656578 as a deep, rich primary color for headings, prominent UI elements, or strong background sections.

secondary

Apply #838396 for supporting text, subheadings, or secondary content blocks, offering a cohesive mid-tone.

accent

Use #A0A0B3 as a distinctive accent for interactive elements, highlights, or graphical details.

background

Choose #DEDEE8 for a light, cool, and clean main background, providing excellent contrast for darker text.

text

Employ #656578 for primary body text on #DEDEE8 or similar light backgrounds to ensure optimal readability.

Accessibility notes

  • #656578 provides excellent contrast on #DEDEE8, making it ideal for body text and critical information.
  • Be cautious with #BFBFCD text on #DEDEE8 as contrast might be borderline for small text; verify with a checker.
  • Always use the darker shades (#656578, #838396) for all critical information and interactive elements.
  • Ensure sufficient contrast for icons and graphical elements, especially if they utilize the lighter palette colors.

Recommended combinations

Light & Airy

Creates gentle transitions for backgrounds and subtle content areas, fostering a soft, inviting atmosphere.

#DEDEE8 · #BFBFCD · #A0A0B3

Deep Contrast

Provides a strong, readable pairing for primary content on a light background, suitable for hero sections.

#656578 · #838396 · #DEDEE8

Muted Elegance

Ideal for sophisticated layering in UI components or data visualizations, offering a refined, understated look.

#A0A0B3 · #BFBFCD · #838396

CSS variables

:root {
  --lunar-dust-veil-4-1: #DEDEE8;
  --lunar-dust-veil-4-2: #BFBFCD;
  --lunar-dust-veil-4-3: #A0A0B3;
  --lunar-dust-veil-4-4: #838396;
  --lunar-dust-veil-4-5: #656578;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "lunar-dust-veil-4": {
        1: "#DEDEE8",
        2: "#BFBFCD",
        3: "#A0A0B3",
        4: "#838396",
        5: "#656578",
      }
    }
  }
}

Related searches

cool grey purple palettesophisticated dark greytranquil color schememodern muted colorsspace-inspired branding

Palette colors

Hex values

Color 1#DEDEE8
·
Color 2#BFBFCD
·
Color 3#A0A0B3
·
Color 4#838396
·
Color 5#656578
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.4:1Fail
1.9:1Fail
2.8:1Fail
4.3:1AA18
2
1.4:1Fail
1.4:1Fail
2:1Fail
3.1:1AA18
3
1.9:1Fail
1.4:1Fail
1.4:1Fail
2.2:1Fail
4
2.8:1Fail
2:1Fail
1.4:1Fail
1.5:1Fail
5
4.3:1AA18
3.1:1AA18
2.2:1Fail
1.5:1Fail

Similar palettes

More like Lunar Dust Veil

View all monochrome