Back to palettes

Palette

Desert Rose Sands

Gentle, warm tones of sun-baked sands infused with the subtle blush of a desert rose in bloom.

WarmNatural5 colors
More Warm palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#D1A3A3#B87C7C#9E5656#853030#6B0A0A

Palette guide

How to use Desert Rose Sands

Overview

The Desert Rose Sands palette offers a compelling range of gentle, warm tones, infused with the subtle blush of a desert rose in bloom against sun-baked sands. This collection progresses from the soft, inviting #D1A3A3 through the richer #B87C7C and #9E5656, culminating in the deep, powerful reds of #853030 and the robust #6B0A0A. Ideal for designers seeking a natural yet impactful aesthetic, this palette provides excellent depth and warmth. It perfectly balances delicate floral inspiration with the grounding force of arid landscapes, creating a versatile and memorable visual experience for branding, web design, or editorial projects.

Best used for

  • Rustic-chic branding
  • Nature-inspired e-commerce
  • Editorial design for travel or lifestyle
  • Packaging for organic products
  • Autumn/winter fashion collections
  • UI/UX with a warm, inviting feel

Suggested color roles

primary

Use #6B0A0A for strong headings, borders, or foundational elements, providing a deep, robust anchor.

secondary

Apply #9E5656 for larger content blocks or prominent UI components, offering a rich, warm mid-tone.

accent

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

background

Utilize #D1A3A3 for clean, warm backgrounds that offer good contrast for darker text, maintaining an inviting feel.

text

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

Accessibility notes

  • Ensure #6B0A0A text has strong contrast against #D1A3A3 and #B87C7C.
  • #D1A3A3 and #B87C7C may not provide enough contrast for text when paired closely.
  • The darker shades (#9E5656, #853030, #6B0A0A) will require light text (e.g., white) for readability.
  • Always test color contrast ratios for all text and interactive elements to meet WCAG standards.

Recommended combinations

Rose Dune

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

#D1A3A3 · #B87C7C · #6B0A0A

Deep Bloom

Perfect for designs needing a strong focal point with warmth, like header accents or bold branding.

#9E5656 · #853030 · #D1A3A3

Sunset Blush

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

#6B0A0A · #B87C7C · #9E5656

CSS variables

:root {
  --desert-rose-sands-1: #D1A3A3;
  --desert-rose-sands-2: #B87C7C;
  --desert-rose-sands-3: #9E5656;
  --desert-rose-sands-4: #853030;
  --desert-rose-sands-5: #6B0A0A;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "desert-rose-sands": {
        1: "#D1A3A3",
        2: "#B87C7C",
        3: "#9E5656",
        4: "#853030",
        5: "#6B0A0A",
      }
    }
  }
}

Related searches

desert rose red palettewarm muted pink schemedusty terracotta colorsnatural earthy redsrobust desert aesthetic

Palette colors

Hex values

Color 1#D1A3A3
·
Color 2#B87C7C
·
Color 3#9E5656
·
Color 4#853030
·
Color 5#6B0A0A
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.5:1Fail
2.4:1Fail
3.8:1AA18
5.7:1AA
2
1.5:1Fail
1.6:1Fail
2.5:1Fail
3.7:1AA18
3
2.4:1Fail
1.6:1Fail
1.6:1Fail
2.3:1Fail
4
3.8:1AA18
2.5:1Fail
1.6:1Fail
1.5:1Fail
5
5.7:1AA
3.7:1AA18
2.3:1Fail
1.5:1Fail

Similar palettes

More like Desert Rose Sands

View all Warm
Sandstone Mesa Warmth
Boho Sunloom Weave
Coastal Clay Harvest
Desert Solstice Bloom
Desert Wildflower Medley
Golden Field Embrace