Back to palettes

Palette

Desert Rose Quartz

Inspired by the delicate beauty of desert blooms and the subtle shimmer of rose quartz in soft light.

pastelcalm5 colors
More pastel palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Desert Rose Quartz 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 Desert Rose Quartz.

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

Data visualization

#D7B9D5#F2D7D9#C9ADA7#A5907E#E5C3A6

Palette guide

How to use Desert Rose Quartz

Overview

The Desert Rose Quartz palette draws inspiration from the delicate beauty of desert blooms and the subtle shimmer of rose quartz in soft light. It presents a serene blend of soft lavenders, gentle pinks, and earthy beiges. Key hues include the soothing #D7B9D5, the airy #F2D7D9, and the grounded #C9ADA7. The warmer #A5907E provides a beautiful, natural contrast, while #E5C3A6 adds a touch of creamy luminosity. This collection is perfect for designers seeking a calm, sophisticated, and feminine aesthetic. It evokes a sense of natural elegance and tranquility, ideal for projects aiming for a gentle yet refined visual impact.

Best used for

  • Feminine branding and packaging
  • Holistic wellness websites
  • Luxury bridal or baby products
  • Delicate art and illustration
  • Soft interior design concepts
  • Editorial design for beauty and lifestyle

Suggested color roles

primary

Use #A5907E for subtle headings or foundational elements, providing a grounded, warm anchor.

secondary

Apply #D7B9D5 for larger content blocks or navigation, offering a soft and calming mid-tone.

accent

Employ #E5C3A6 for interactive elements or subtle highlights, adding a touch of creamy glow.

background

Utilize #F2D7D9 for clean, airy backgrounds, ensuring good contrast for darker text and a luminous feel.

text

For optimal readability, use a dark charcoal or very dark brown (e.g., #A5907E) on the lightest backgrounds.

Accessibility notes

  • Text in #F2D7D9 or #E5C3A6 will require a very dark color (e.g., black or #A5907E) for readability.
  • Ensure #C9ADA7 text has sufficient contrast against #F2D7D9.
  • Avoid using lighter shades like #F2D7D9 for small text due to extremely low contrast.
  • Always test color contrast ratios for all text and interactive elements to meet WCAG standards.

Recommended combinations

Rose Shimmer

Creates a soft, ethereal gradient, perfect for delicate backgrounds or subtle branding.

#D7B9D5 · #F2D7D9 · #A5907E

Quartz Earth

Excellent for designs needing a gentle, grounded feel with a touch of luminosity, like product displays.

#C9ADA7 · #E5C3A6 · #D7B9D5

Calm Bloom

Suitable for robust designs requiring clear hierarchy with a soft, natural touch.

#A5907E · #F2D7D9 · #C9ADA7

CSS variables

:root {
  --desert-rose-quartz-1: #D7B9D5;
  --desert-rose-quartz-2: #F2D7D9;
  --desert-rose-quartz-3: #C9ADA7;
  --desert-rose-quartz-4: #A5907E;
  --desert-rose-quartz-5: #E5C3A6;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "desert-rose-quartz": {
        1: "#D7B9D5",
        2: "#F2D7D9",
        3: "#C9ADA7",
        4: "#A5907E",
        5: "#E5C3A6",
      }
    }
  }
}

Related searches

rose quartz color palettesoft desert pink beigetranquil pastel earth tonesfeminine natural designcalm luxury color scheme

Palette colors

Hex values

Color 1#D7B9D5
·
Color 2#F2D7D9
·
Color 3#C9ADA7
·
Color 4#A5907E
·
Color 5#E5C3A6
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.3:1Fail
1.2:1Fail
1.7:1Fail
1.1:1Fail
2
1.3:1Fail
1.5:1Fail
2.2:1Fail
1.2:1Fail
3
1.2:1Fail
1.5:1Fail
1.5:1Fail
1.3:1Fail
4
1.7:1Fail
2.2:1Fail
1.5:1Fail
1.8:1Fail
5
1.1:1Fail
1.2:1Fail
1.3:1Fail
1.8:1Fail

Similar palettes

More like Desert Rose Quartz

View all pastel
Rose Quartz Dusk
Desert Bloom Pastel
Desert Bloom Serene
Desert Blossom Whisper
Desert Flower Bloom
Desert Rose Bloom