Palette

Terra Luna Dust

Ethereal blend of earth and celestial dust, evoking a mysterious landscape under a strange moon.

earthdark5 colors

More earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Terra Luna Dust 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 Terra Luna Dust.

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

Data visualization

#8B4513#C27D9A#483D8B#36454F#B0C4DE

Palette guide

How to use Terra Luna Dust

Overview

The Terra Luna Dust palette offers an ethereal and mysterious blend of earthy browns, deep indigos, and celestial blues, evoking a cosmic landscape. With distinct shades like the warm brown #8B4513, the deep indigo #483D8B, and the soft, dusty blue #B0C4DE, this palette is perfect for designers and developers creating unique, otherworldly experiences. It provides a sophisticated and intriguing color scheme that can translate well across digital interfaces, artistic projects, or branding that aims for a dark, mystical, yet subtly vibrant appeal.

Best used for

Sci-fi or fantasy game interfaces and branding
Mystical or spiritual product packaging
Abstract art and digital illustrations
Unique fashion or accessory design
Websites and apps with a dark mode aesthetic
Cosmic-themed events or entertainment branding

Suggested color roles

primary

The deep #483D8B provides a sophisticated and mysterious primary, ideal for backgrounds or main content areas.

secondary

Use the grounding #36454F as a strong secondary for contrasting sections, text, or robust UI elements.

accent

The soft, light blue #B0C4DE serves as a gentle yet distinct accent, perfect for highlights, interactive elements, or subtle celestial glows.

background

The deep #36454F offers a dramatic, dark background, making the lighter colors pop. Alternatively, #B0C4DE can provide a lighter, airy backdrop.

text

For optimal readability on dark backgrounds like #36454F or #483D8B, use #B0C4DE or a crisp white. On lighter backgrounds, a deep charcoal or black is recommended.

Accessibility notes

Ensure high contrast when using #C27D9A on #B0C4DE, as they are both relatively light.
The deep #36454F provides excellent contrast for light text, enhancing readability.
Pair the warm #8B4513 with #B0C4DE for a striking and accessible combination.
Avoid using #8B4513 directly on #C27D9A without careful contrast checking for text or small elements.

Recommended combinations

Cosmic Dust

Creates a deep, celestial ambiance, perfect for immersive hero sections.

#36454F · #483D8B · #B0C4DE

Lunar Horizon

Offers a softer, mystical blend, suitable for content blocks or secondary sections.

#8B4513 · #C27D9A · #B0C4DE

Mystic Shadow

A dramatic and intriguing combination for navigation or impactful graphic elements.

#483D8B · #36454F · #C27D9A

CSS variables

:root {
  --terra-luna-dust-1: #8B4513;
  --terra-luna-dust-2: #C27D9A;
  --terra-luna-dust-3: #483D8B;
  --terra-luna-dust-4: #36454F;
  --terra-luna-dust-5: #B0C4DE;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "terra-luna-dust": {
        1: "#8B4513",
        2: "#C27D9A",
        3: "#483D8B",
        4: "#36454F",
        5: "#B0C4DE",
      }
    }
  }
}

Hex values

Color 1#8B4513

Color 2#C27D9A

Color 3#483D8B

Color 4#36454F

Color 5#B0C4DE

Accessibility

Contrast checker

2.3:1Fail

1.3:1Fail

1.4:1Fail

4:1AA18

2.3:1Fail

2.9:1Fail

3.2:1AA18

1.8:1Fail

1.3:1Fail

2.9:1Fail

1.1:1Fail

5.1:1AA

1.4:1Fail

3.2:1AA18

1.1:1Fail

5.6:1AA

4:1AA18

1.8:1Fail

5.1:1AA

5.6:1AA

Similar palettes

More like Terra Luna Dust

View all earth

Molten Stone Texture

Evergreen Canopy Light

Industrial Forge Ember

Monsoon Mire Deep

Moonlit Desert Sands

Ancient Relic Stone