Back to palettes

Palette

Muted Desert Rose

Soft, subtle pinks and browns reflecting the faded beauty of a desert rose in twilight.

neutralcalm5 colors
More neutral palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#7E4F4F#AB7979#D2A8A8#E6CCCC#F5E9E9

Palette guide

How to use Muted Desert Rose

Overview

The Muted Desert Rose palette captures the soft, subtle pinks and browns reflecting the faded beauty of a desert rose in twilight. This collection ranges from a deep rose-brown (#7E4F4F) to a very pale pink (#F5E9E9), with inviting mid-tones like #AB7979 and #D2A8A8. It embodies a serene, delicate, and quietly romantic mood. Designers and developers can leverage this palette to create elegant, gentle, and sophisticated experiences across various applications, from digital interfaces to print materials, emphasizing natural beauty and understated charm.

Best used for

  • Feminine and delicate brand identities
  • Wedding stationery and event design
  • Spa, wellness, and beauty product packaging
  • Romantic and subtle web design
  • Fashion and lifestyle blogs
  • Baby and children's product branding

Suggested color roles

primary

Use #AB7979 (muted rose) as an inviting primary color for headers or significant content blocks.

secondary

Employ #7E4F4F (deep rose-brown) for subheadings, navigation, or to add grounding depth to layouts.

accent

Incorporate #D2A8A8 (soft blush) for delicate highlights, decorative elements, or subtle call-to-action buttons.

background

Choose #F5E9E9 (very pale pink) as a light, ethereal background that allows other colors to gently emerge.

text

Select #7E4F4F (deep rose-brown) for body text, ensuring an elegant and highly readable contrast against lighter backgrounds.

Accessibility notes

  • Ensure sufficient contrast when pairing lighter colors like #E6CCCC or #D2A8A8 with backgrounds such as #F5E9E9 for text.
  • The very pale #F5E9E9 and #E6CCCC require a dark text color, like #7E4F4F or a deep charcoal, for readability.
  • Avoid using #D2A8A8 for small text on #E6CCCC; it's best suited for larger design elements.
  • The deep #7E4F4F offers excellent contrast for text against all lighter shades in this delicate palette.

Recommended combinations

Soft Depth

Creates an elegant, layered look suitable for headers, footers, or distinct content sections.

#7E4F4F · #AB7979 · #D2A8A8

Airy Blush

Ideal for subtle background textures, delicate graphical elements, or feminine accents.

#E6CCCC · #D2A8A8 · #AB7979

Elegant Contrast

Perfect for clean, readable body text on a very light background, conveying understated sophistication.

#F5E9E9 · #7E4F4F · #D2A8A8

CSS variables

:root {
  --muted-desert-rose-1: #7E4F4F;
  --muted-desert-rose-2: #AB7979;
  --muted-desert-rose-3: #D2A8A8;
  --muted-desert-rose-4: #E6CCCC;
  --muted-desert-rose-5: #F5E9E9;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "muted-desert-rose": {
        1: "#7E4F4F",
        2: "#AB7979",
        3: "#D2A8A8",
        4: "#E6CCCC",
        5: "#F5E9E9",
      }
    }
  }
}

Related searches

muted pink brown palettedesert rose colorssubtle feminine huesgentle blush tonesromantic neutral palette

Palette colors

Hex values

Color 1#7E4F4F
·
Color 2#AB7979
·
Color 3#D2A8A8
·
Color 4#E6CCCC
·
Color 5#F5E9E9
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.8:1Fail
3.2:1AA18
4.4:1AA18
5.7:1AA
2
1.8:1Fail
1.7:1Fail
2.4:1Fail
3.1:1AA18
3
3.2:1AA18
1.7:1Fail
1.4:1Fail
1.8:1Fail
4
4.4:1AA18
2.4:1Fail
1.4:1Fail
1.3:1Fail
5
5.7:1AA
3.1:1AA18
1.8:1Fail
1.3:1Fail

Similar palettes

More like Muted Desert Rose

View all neutral
Ancient Grove Hush
Desert Wind Whisper
Dusky Bloom Hues
Dusky Cloud Blanket
Lake Shore Pebbles
Muted Linen Study