Palette

Moonbeam Desert Bloom

Soft, ethereal purples and dusty rose hues capture the rare beauty of a desert flower under a full moon.

pastelcalm5 colors

More pastel palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Moonbeam Desert Bloom 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 Moonbeam Desert Bloom.

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

Data visualization

#3C2E3C#6A4A6A#A176A1#D8AEB1#F0E8EB

Palette guide

How to use Moonbeam Desert Bloom

Overview

The Moonbeam Desert Bloom palette captures the soft, ethereal purples and dusty rose hues of a rare desert flower under a full moon. Featuring the deep #3C2E3C and the rich #6A4A6A, alongside delicate #A176A1 and the rosy #D8AEB1, culminating in the near-white #F0E8EB, this palette exudes calm and subtle beauty. Designers and developers will find it perfect for creating sophisticated, feminine, and serene visual experiences that evoke a sense of quiet magic and natural elegance, ideal for projects seeking a gentle yet captivating aesthetic.

Best used for

Wellness and self-care brands
Feminine and elegant branding
Luxury cosmetic packaging
Wedding and event design
Romantic-themed digital content
Interior design for tranquil spaces

Suggested color roles

primary

Utilize #3C2E3C as a deep, grounding primary color for headers, main navigation, or strong brand elements, providing a stable, sophisticated base.

secondary

Employ #6A4A6A for supporting elements, subheadings, or secondary calls-to-action, offering a rich, harmonious purple.

accent

Apply #D8AEB1 as a delicate, dusty rose accent for interactive elements, highlights, or illustrations, providing a soft, romantic pop.

background

Use #F0E8EB as a near-white, soft canvas background, ensuring excellent readability and a light, airy feel across interfaces.

text

Choose #3C2E3C for primary text on light backgrounds (#F0E8EB, #D8AEB1) to ensure high readability. Use white or off-white on darker purples like #3C2E3C and #6A4A6A.

Accessibility notes

Ensure sufficient contrast between dark text (e.g., #3C2E3C) on lighter backgrounds like #F0E8EB and #D8AEB1.
Avoid placing light text on #A176A1 or #D8AEB1 without checking WCAG contrast ratios, as they are mid-tones.
For text on #3C2E3C or #6A4A6A, use white or a very light off-white to ensure optimal readability.
Always test essential text elements for contrast, especially in a subtle palette where differences can be nuanced.

Recommended combinations

Desert Night

Creates a rich, layered effect, perfect for immersive backgrounds or thematic sections that convey natural depth and mystique.

#3C2E3C · #6A4A6A · #A176A1

Bloom Glow

Highlights the delicate beauty of a desert bloom with light tones balanced by a soft purple, ideal for callouts or clean interfaces.

#F0E8EB · #D8AEB1 · #A176A1

Ethereal Sands

Offers a balanced progression from mid-purple to dusty rose with a deep anchor, suitable for gradients or visual hierarchies that need clear distinction.

#6A4A6A · #D8AEB1 · #3C2E3C

CSS variables

:root {
  --moonbeam-desert-bloom-1: #3C2E3C;
  --moonbeam-desert-bloom-2: #6A4A6A;
  --moonbeam-desert-bloom-3: #A176A1;
  --moonbeam-desert-bloom-4: #D8AEB1;
  --moonbeam-desert-bloom-5: #F0E8EB;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "moonbeam-desert-bloom": {
        1: "#3C2E3C",
        2: "#6A4A6A",
        3: "#A176A1",
        4: "#D8AEB1",
        5: "#F0E8EB",
      }
    }
  }
}

Hex values

Color 1#3C2E3C

Color 2#6A4A6A

Color 3#A176A1

Color 4#D8AEB1

Color 5#F0E8EB

Accessibility

Contrast checker

1.7:1Fail

3.4:1AA18

6.4:1AA

10.6:1AAA

1.7:1Fail

2:1Fail

3.8:1AA18

6.2:1AA

3.4:1AA18

2:1Fail

1.9:1Fail

3.1:1AA18

6.4:1AA

3.8:1AA18

1.9:1Fail

1.6:1Fail

10.6:1AAA

6.2:1AA

3.1:1AA18

1.6:1Fail

Similar palettes

More like Moonbeam Desert Bloom

View all pastel

Desert Blossom Whisper

Desert Rose Whispers

Amethyst Haze Dream

Cactus Flower Blossom

Cottage Garden Blush

Crocus Meadow Blossom