Back to palettes

Palette

Sunstone Mesa Horizon

Captures the subtle beauty of a sun-drenched desert, with warm earth tones and a hint of unexpected life.

earthnatural5 colors
More earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Sunstone Mesa 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 Sunstone Mesa Horizon.

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

Data visualization

#D2B48C#B8860B#A0522D#CD853F#FAEBD7

Palette guide

How to use Sunstone Mesa Horizon

Overview

The Sunstone Mesa Horizon palette captures the subtle, sun-drenched beauty of a desert landscape, offering a sophisticated blend of warm earth tones. Featuring the sandy beige of #D2B48C, the rich gold of #B8860B, and the deep terracotta of #A0522D, this palette evokes a sense of rugged elegance and natural serenity. Designers can utilize these colors to create grounded and authentic experiences across various mediums, from web interfaces to product branding. The warm orange-brown of #CD853F adds a touch of vibrancy, while the near-white #FAEBD7 provides a luminous base, making this palette ideal for projects that aim for a natural, refined, and timeless aesthetic with an organic feel.

Best used for

  • Earthy and natural product branding
  • Outdoor adventure and travel websites
  • Sustainable fashion and lifestyle blogs
  • Southwestern interior design concepts
  • Artisan craft packaging
  • Natural beauty product lines

Suggested color roles

primary

#A0522D - This deep terracotta serves as a strong, grounding primary, perfect for impactful headings, brand logos, or prominent graphic elements.

secondary

#B8860B - A rich, warm gold that complements the primary, ideal for subheadings, navigation, or as a background for key content sections.

accent

#CD853F - Use this vibrant orange-brown for calls-to-action, interactive elements, or small details that require a warm, inviting pop.

background

#FAEBD7 - This soft, antique white offers a clean, airy background that enhances the natural warmth of the other palette colors.

text

A dark brown like #4D3425 or a deep charcoal will provide excellent contrast and readability against the lighter background shades.

Accessibility notes

  • Ensure sufficient contrast for text when using #FAEBD7 as a background; darker palette colors like #A0522D or #B8860B are best for body text.
  • Avoid pairing #D2B48C with #FAEBD7 for small text or icons due to potentially low contrast.
  • Test button and link states using #CD853F on #FAEBD7 to ensure they meet WCAG contrast guidelines.
  • Prioritize #A0522D or a similar dark shade for crucial information and primary headings.

Recommended combinations

Desert Sands

Creates a grounded, natural feel: #A0522D for strong branding, #D2B48C for supporting elements, and #FAEBD7 as a clean background.

#A0522D · #D2B48C · #FAEBD7

Mesa Glow

Use #B8860B for impactful headlines, #CD853F for vibrant highlights, and #D2B48C for a warm, stable base in digital interfaces.

#B8860B · #CD853F · #D2B48C

Horizon Depth

Ideal for strong contrast and visual interest: #A0522D for bold statements, #CD853F for interactive elements, and #FAEBD7 for clarity.

#A0522D · #CD853F · #FAEBD7

CSS variables

:root {
  --sunstone-mesa-horizon-1: #D2B48C;
  --sunstone-mesa-horizon-2: #B8860B;
  --sunstone-mesa-horizon-3: #A0522D;
  --sunstone-mesa-horizon-4: #CD853F;
  --sunstone-mesa-horizon-5: #FAEBD7;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "sunstone-mesa-horizon": {
        1: "#D2B48C",
        2: "#B8860B",
        3: "#A0522D",
        4: "#CD853F",
        5: "#FAEBD7",
      }
    }
  }
}

Related searches

desert earth tonesnatural warm color paletteterracotta gold palettesouthwestern colorssandy beige palette

Palette colors

Hex values

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

Accessibility

Contrast checker

1
2
3
4
5
1
1.7:1Fail
2.8:1Fail
1.5:1Fail
1.7:1Fail
2
1.7:1Fail
1.7:1Fail
1.1:1Fail
2.8:1Fail
3
2.8:1Fail
1.7:1Fail
1.9:1Fail
4.8:1AA
4
1.5:1Fail
1.1:1Fail
1.9:1Fail
2.6:1Fail
5
1.7:1Fail
2.8:1Fail
4.8:1AA
2.6:1Fail

Similar palettes

More like Sunstone Mesa Horizon

View all earth
Desert Clay Warmth
Adobe Sunset
Artisan Clay Kiln
Bohemian Desert Bloom
Canyon Cliffside View
Canyon Wall Rust