Back to palettes

Palette

Desert Sand Horizon

A serene palette echoing the soft, shifting hues of sun-drenched desert dunes at dawn.

neutralcalm5 colors
More neutral palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Desert Sand Horizon 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 Sand Horizon.

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

Data visualization

#FAEBD7#D2B48C#CD853F#B8860B#BC8F8F

Palette guide

How to use Desert Sand Horizon

Overview

The Desert Sand Horizon palette echoes the soft, shifting hues of sun-drenched desert dunes at dawn, offering a serene and versatile collection. It ranges from the luminous, near-white #FAEBD7 and the classic sand tone of #D2B48C to the richer, more assertive #CD853F and #B8860B. The unexpected inclusion of #BC8F8F provides a subtle, dusty rose counterpoint, adding depth and warmth. This palette is ideal for designers seeking a natural, calm, and sophisticated aesthetic. It balances earthy stability with moments of soft warmth, perfect for conveying tranquility and organic elegance across various design applications.

Best used for

  • Natural and organic branding
  • Minimalist web design
  • Eco-friendly product packaging
  • Serene interior design concepts
  • Editorial design for travel or lifestyle
  • UI/UX with a calming, earthy feel

Suggested color roles

primary

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

secondary

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

accent

Employ #BC8F8F for interactive elements or subtle highlights, adding a touch of dusty rose contrast.

background

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

text

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

Accessibility notes

  • Ensure #B8860B text has strong contrast against #FAEBD7 and #D2B48C.
  • #FAEBD7 and #D2B48C may not provide enough contrast for text when paired closely.
  • The darker shades (#CD853F, #B8860B) 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

Sunrise Dunes

Creates a warm, inviting gradient, excellent for serene backgrounds or large hero sections.

#FAEBD7 · #D2B48C · #B8860B

Desert Blush

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

#CD853F · #BC8F8F · #D2B48C

Grounded Horizon

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

#B8860B · #CD853F · #FAEBD7

CSS variables

:root {
  --desert-sand-horizon-1: #FAEBD7;
  --desert-sand-horizon-2: #D2B48C;
  --desert-sand-horizon-3: #CD853F;
  --desert-sand-horizon-4: #B8860B;
  --desert-sand-horizon-5: #BC8F8F;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "desert-sand-horizon": {
        1: "#FAEBD7",
        2: "#D2B48C",
        3: "#CD853F",
        4: "#B8860B",
        5: "#BC8F8F",
      }
    }
  }
}

Related searches

desert sand color palettewarm neutral earth tonesnatural beige web designcalm desert aestheticorganic sand colors

Palette colors

Hex values

Color 1#FAEBD7
·
Color 2#D2B48C
·
Color 3#CD853F
·
Color 4#B8860B
·
Color 5#BC8F8F
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.7:1Fail
2.6:1Fail
2.8:1Fail
2.4:1Fail
2
1.7:1Fail
1.5:1Fail
1.7:1Fail
1.4:1Fail
3
2.6:1Fail
1.5:1Fail
1.1:1Fail
1.1:1Fail
4
2.8:1Fail
1.7:1Fail
1.1:1Fail
1.2:1Fail
5
2.4:1Fail
1.4:1Fail
1.1:1Fail
1.2:1Fail

Similar palettes

More like Desert Sand Horizon

View all neutral
Arid Plains Vista
Coastal Dune Breeze
Coastal Sands Aura
Sandy Beach Drift
Serene Desert Oasis
Whispering Silk Dunes