Back to palettes

Palette

Desert Rose Blush

A delicate blend of sun-baked terracotta and soft rose, inspired by desert flora.

pastelcalm5 colors
More pastel palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#CC9D9A#E0B7B4#F2D2D0#A67E7C#7F605E

Palette guide

How to use Desert Rose Blush

Overview

The Desert Rose Blush palette presents a delicate and subtle collection of sun-baked terracotta and soft rose hues, inspired by desert flora. It offers a gentle gradient from the very light #F2D2D0 and the inviting #E0B7B4 to the warmer #CC9D9A. Deeper, grounding tones like #A67E7C and the rich #7F605E provide essential depth and sophistication. This palette is perfect for designers seeking to evoke a calm, gentle, and subtly romantic aesthetic. Its understated warmth and soft character make it ideal for projects where elegance and a comforting, natural feel are paramount, from digital interfaces to printed materials.

Best used for

  • Gentle branding for lifestyle products
  • Minimalist web design
  • Baby or bridal shower invitations
  • Soft photography backgrounds
  • Spa and wellness marketing materials
  • Packaging for delicate items

Suggested color roles

primary

Use #7F605E for strong headings, borders, or foundational elements, providing a deep, stable anchor.

secondary

Apply #CC9D9A for larger content blocks or prominent UI components, offering a warm and balanced mid-tone.

accent

Employ #E0B7B4 for interactive elements or subtle highlights, adding a touch of soft, inviting blush.

background

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

text

For optimal readability, use #7F605E for body text on lighter backgrounds, or a crisp white/off-white on the darkest shades.

Accessibility notes

  • Text in #F2D2D0 or #E0B7B4 will require a very dark color (e.g., black or #7F605E) for readability.
  • Ensure #A67E7C text has sufficient contrast against #E0B7B4.
  • Avoid using #F2D2D0 for small text on #E0B7B4 due to low contrast.
  • Always test color contrast ratios for all text and interactive elements to meet WCAG standards.

Recommended combinations

Soft Terracotta

Creates a warm, inviting gradient, excellent for backgrounds or textural elements.

#CC9D9A · #A67E7C · #7F605E

Dusty Petal

Perfect for designs needing a delicate and airy feel, such as soft branding or editorial details.

#E0B7B4 · #F2D2D0 · #A67E7C

Grounded Blush

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

#7F605E · #CC9D9A · #E0B7B4

CSS variables

:root {
  --desert-rose-blush-1: #CC9D9A;
  --desert-rose-blush-2: #E0B7B4;
  --desert-rose-blush-3: #F2D2D0;
  --desert-rose-blush-4: #A67E7C;
  --desert-rose-blush-5: #7F605E;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "desert-rose-blush": {
        1: "#CC9D9A",
        2: "#E0B7B4",
        3: "#F2D2D0",
        4: "#A67E7C",
        5: "#7F605E",
      }
    }
  }
}

Related searches

soft pink earth tonesdesert blush color schememuted terracotta palettegentle warm neutralscalm natural design colors

Palette colors

Hex values

Color 1#CC9D9A
·
Color 2#E0B7B4
·
Color 3#F2D2D0
·
Color 4#A67E7C
·
Color 5#7F605E
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.3:1Fail
1.7:1Fail
1.5:1Fail
2.4:1Fail
2
1.3:1Fail
1.3:1Fail
2:1Fail
3.1:1AA18
3
1.7:1Fail
1.3:1Fail
2.5:1Fail
4:1AA18
4
1.5:1Fail
2:1Fail
2.5:1Fail
1.6:1Fail
5
2.4:1Fail
3.1:1AA18
4:1AA18
1.6:1Fail

Similar palettes

More like Desert Rose Blush

View all pastel