Back to palettes

Palette

Galactic Dusty Dawn

Muted purples and grays mimic the vast, dusty expanse of a distant galaxy at dawn.

darkdark5 colors
More dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Galactic Dusty Dawn 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 Galactic Dusty Dawn.

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

Data visualization

#D9CCDB#BBA0BF#98759E#774F7D#58305F

Palette guide

How to use Galactic Dusty Dawn

Overview

The "Galactic Dusty Dawn" palette mimics the vast, dusty expanse of a distant galaxy at dawn, offering a range of muted purples and grays. This mysterious collection transitions from the soft, almost lavender #D9CCDB through a gradient of increasingly darker, sophisticated tones like #BBA0BF and #98759E. The deep, grounding purples #774F7D and #58305F anchor the palette, providing depth and elegance. Designers can leverage this unique spectrum to create serene, introspective, or subtly luxurious designs that evoke a sense of quiet grandeur and cosmic beauty.

Best used for

  • Elegant interior design concepts
  • Muted fashion lookbooks
  • Serene personal branding
  • Abstract art installations
  • High-end cosmetic packaging
  • Minimalist website designs

Suggested color roles

primary

#D9CCDB - Ideal for light backgrounds or main content areas, providing a soft, airy, and sophisticated base.

secondary

#98759E - Use for major sections, navigation, or subheadings, offering a rich, muted mid-purple.

accent

#774F7D - Perfect for subtle highlights, calls-to-action, or important details that need gentle emphasis.

background

#D9CCDB - The lightest hue, serving as a soft, almost neutral background, or #58305F for a dramatic dark theme.

text

#58305F - Optimal for primary body text on lighter backgrounds like #D9CCDB, ensuring excellent readability.

Accessibility notes

  • Ensure #58305F text on #D9CCDB background meets WCAG AA contrast for body text.
  • Check contrast of #774F7D against #BBA0BF for interactive elements to ensure visibility.
  • Avoid using #D9CCDB as text on #BBA0BF due to insufficient contrast.
  • Lighter text (near-white) is recommended for #58305F background if used extensively.

Recommended combinations

Dawn's Embrace

Creating balanced designs with light backgrounds, rich accents, and dark, readable text.

#D9CCDB · #98759E · #58305F

Dusty Gradient

Smooth transitions for backgrounds or sections, adding depth and a mysterious feel.

#BBA0BF · #774F7D · #58305F

Muted Contrast

Highlighting key information with a subtle yet impactful color hierarchy.

#D9CCDB · #774F7D · #58305F

CSS variables

:root {
  --galactic-dusty-dawn-1: #D9CCDB;
  --galactic-dusty-dawn-2: #BBA0BF;
  --galactic-dusty-dawn-3: #98759E;
  --galactic-dusty-dawn-4: #774F7D;
  --galactic-dusty-dawn-5: #58305F;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "galactic-dusty-dawn": {
        1: "#D9CCDB",
        2: "#BBA0BF",
        3: "#98759E",
        4: "#774F7D",
        5: "#58305F",
      }
    }
  }
}

Related searches

muted purple gray paletteelegant dusty colorsgalactic dawn themesophisticated violet schememinimalist cosmic branding

Palette colors

Hex values

Color 1#D9CCDB
·
Color 2#BBA0BF
·
Color 3#98759E
·
Color 4#774F7D
·
Color 5#58305F
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.5:1Fail
2.5:1Fail
4.3:1AA18
6.8:1AA
2
1.5:1Fail
1.7:1Fail
2.8:1Fail
4.4:1AA18
3
2.5:1Fail
1.7:1Fail
1.7:1Fail
2.7:1Fail
4
4.3:1AA18
2.8:1Fail
1.7:1Fail
1.6:1Fail
5
6.8:1AA
4.4:1AA18
2.7:1Fail
1.6:1Fail

Similar palettes

More like Galactic Dusty Dawn

View all dark
Cosmic Reaches
Cosmic Veil Glimmer
Deep Space Nebula
Galactic Night Voyage
Nebula Depths
Stardust Ether Glow