Palette

Dusty Rose Canyon

Soft, muted pinks and gentle browns capturing the subtle beauty of a desert canyon at dusk.

neutralelegant5 colors

More neutral palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Dusty Rose Canyon 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 Dusty Rose Canyon.

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

Data visualization

#9E6A6D#CC989A#ECCDD0#5B4446#7F4F52

Palette guide

How to use Dusty Rose Canyon

Overview

The Dusty Rose Canyon palette beautifully captures the subtle, sophisticated beauty of a desert canyon at dusk, blending soft, muted pinks with gentle browns. With rich tones like #5B4446 and #7F4F52 providing a strong, earthy foundation, and lighter shades such as #9E6A6D, #CC989A, and #ECCDD0 offering delicate rose accents, this palette exudes an elegant and natural mood. Designers and developers can leverage this scheme to create grounded, refined, and warm interfaces or products. It's particularly effective for conveying a sense of timelessness, organic luxury, and understated charm, suitable for both digital and physical applications.

Best used for

Sophisticated brand identity
High-end interior design schemes
Natural beauty product lines
Bohemian-chic fashion collections
Earthy web design themes
Art and photography websites

Suggested color roles

primary

#9E6A6D - A balanced, muted rose-brown, excellent for primary UI elements or brand statements.

secondary

#CC989A - A softer, more delicate rose, ideal for supporting content or lighter accents.

accent

#7F4F52 - A deep, rich rose-brown that adds warmth and emphasis to important features.

background

#ECCDD0 - The lightest, most ethereal shade, perfect for a soft, inviting canvas.

text

#5B4446 - A very dark, grounding brown-black, ensuring high readability on lighter backgrounds.

Accessibility notes

Ensure #5B4446 and #7F4F52 are used for text on #ECCDD0 or #CC989A to meet WCAG contrast standards.
Avoid placing light text (#ECCDD0) directly on #CC989A or #9E6A6D due to insufficient contrast.
The darker colors like #5B4446 provide excellent contrast for text on any of the lighter palette shades.
Test color pairings thoroughly for readability, especially for smaller font sizes, to maintain accessibility.

Recommended combinations

Canyon Sunset

Creating soft, atmospheric gradients for backgrounds or large graphic elements.

#ECCDD0 · #CC989A · #9E6A6D

Desert Floor

Strong, grounding elements like footers, navigation bars, or bold headings.

#5B4446 · #7F4F52 · #CC989A

Muted Elegance

Balanced combinations for sophisticated data visualization or multi-layered UI components.

#ECCDD0 · #9E6A6D · #7F4F52

CSS variables

:root {
  --dusty-rose-canyon-1: #9E6A6D;
  --dusty-rose-canyon-2: #CC989A;
  --dusty-rose-canyon-3: #ECCDD0;
  --dusty-rose-canyon-4: #5B4446;
  --dusty-rose-canyon-5: #7F4F52;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "dusty-rose-canyon": {
        1: "#9E6A6D",
        2: "#CC989A",
        3: "#ECCDD0",
        4: "#5B4446",
        5: "#7F4F52",
      }
    }
  }
}

Hex values

Color 1#9E6A6D

Color 2#CC989A

Color 3#ECCDD0

Color 4#5B4446

Color 5#7F4F52

Accessibility

Contrast checker

1.8:1Fail

3:1AA18

2:1Fail

1.5:1Fail

1.8:1Fail

1.7:1Fail

3.6:1AA18

2.7:1Fail

3:1AA18

1.7:1Fail

6:1AA

4.5:1AA

2:1Fail

3.6:1AA18

6:1AA

1.3:1Fail

1.5:1Fail

2.7:1Fail

4.5:1AA

1.3:1Fail

Similar palettes

More like Dusty Rose Canyon

View all neutral

Aged Leather Study

Botanical Sketchbook Greens

Botanical Sketchbook Pages

Muted Art Deco

Old Money Elegance

Painterly Stroke Array