Back to palettes

Palette

Arid Dusk Sands

Captures the muted, shifting tones of a vast desert landscape as the sun dips below the horizon.

earthnatural5 colors
More earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Arid Dusk 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 Arid Dusk Sands.

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

Data visualization

#D4B499#F1D4AF#C7825E#9C6767#5C5254

Palette guide

How to use Arid Dusk Sands

Overview

The Arid Dusk Sands palette captures the muted, shifting tones of a vast desert landscape as the sun dips below the horizon. This collection, featuring sandy beiges like #D4B499 and #F1D4AF, alongside warm, rustic browns and grays such as #C7825E, #9C6767, and #5C5254, evokes a sense of quiet contemplation and natural beauty. Designers and developers can leverage these hues to create serene, sophisticated, and grounded experiences. The palette's gentle progression from light to dark makes it incredibly versatile for layering and establishing depth. It is perfect for projects seeking a warm, rustic, and understated elegance connected to natural landscapes.

Best used for

  • Rustic interior design and decor
  • Natural beauty and wellness product branding
  • Photography portfolios and art websites
  • Cozy and inviting web design
  • Heritage brands and artisanal crafts
  • Editorial content with an earthy aesthetic

Suggested color roles

primary

Designate #C7825E as the primary color for a warm, inviting core in headers, main graphics, or key brand elements.

secondary

Employ #9C6767 for muted, sophisticated supporting elements, subheadings, or to add a touch of subtle depth.

accent

Utilize #F1D4AF as a soft, luminous highlight for delicate details, decorative patterns, or background textures.

background

Apply #D4B499 for light, airy backgrounds that provide a clean yet warm canvas, allowing darker content to stand out.

text

For body text, #5C5254 offers a dark, grounding contrast and excellent readability on lighter backgrounds.

Accessibility notes

  • The lighter shades #F1D4AF and #D4B499 require dark text, such as #5C5254, for optimal readability.
  • Ensure sufficient contrast when pairing #C7825E with #9C6767 for text or interactive elements.
  • Avoid using #F1D4AF for small text against similarly light backgrounds to prevent legibility issues.
  • Verify contrast ratios for all critical text and UI elements to meet WCAG AA standards.

Recommended combinations

Soft Horizon

Ideal for gentle backgrounds, header areas, and clean interfaces, conveying a sense of openness and warmth.

#F1D4AF · #D4B499 · #C7825E

Deep Sands

Excellent for strong accents, body text, or grounding elements, providing depth and sophisticated contrast.

#5C5254 · #9C6767 · #C7825E

Rustic Blend

Perfect for product displays, editorial layouts, or creating a balanced, natural aesthetic with subtle variations.

#C7825E · #D4B499 · #9C6767

CSS variables

:root {
  --arid-dusk-sands-1: #D4B499;
  --arid-dusk-sands-2: #F1D4AF;
  --arid-dusk-sands-3: #C7825E;
  --arid-dusk-sands-4: #9C6767;
  --arid-dusk-sands-5: #5C5254;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "arid-dusk-sands": {
        1: "#D4B499",
        2: "#F1D4AF",
        3: "#C7825E",
        4: "#9C6767",
        5: "#5C5254",
      }
    }
  }
}

Related searches

muted desert palettewarm rustic colorssandy twilight huesnatural earth tonescozy design palette

Palette colors

Hex values

Color 1#D4B499
·
Color 2#F1D4AF
·
Color 3#C7825E
·
Color 4#9C6767
·
Color 5#5C5254
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.4:1Fail
1.6:1Fail
2.4:1Fail
3.9:1AA18
2
1.4:1Fail
2.2:1Fail
3.2:1AA18
5.3:1AA
3
1.6:1Fail
2.2:1Fail
1.5:1Fail
2.4:1Fail
4
2.4:1Fail
3.2:1AA18
1.5:1Fail
1.6:1Fail
5
3.9:1AA18
5.3:1AA
2.4:1Fail
1.6:1Fail

Similar palettes

More like Arid Dusk Sands

View all earth
Adobe Sunset
Adobe Sunset Glow
Adobe Sunset Glow
Amber Sands Mirage
Ancient Desert Tapestry
Ancient Pyramid Sun