Back to palettes

Palette

Desert Mesa Glow

Warm and rugged, these hues mimic the sun-baked sandstone and dramatic light of a desert mesa at dusk.

warmnatural5 colors
More warm palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Desert Mesa Glow 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 Mesa Glow.

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

Data visualization

#BF6A2F#E0874A#F7AD6D#FCD9B4#A15626

Palette guide

How to use Desert Mesa Glow

Overview

The Desert Mesa Glow palette radiates the warm, rugged beauty of sun-baked sandstone and the dramatic light of a desert mesa at dusk. This collection, ranging from the deep #A15626 to the luminous #FCD9B4, offers a cohesive and inviting spectrum of earthy oranges and browns. Designers can leverage the vibrant #BF6A2F for impactful elements and the softer #F7AD6D for expansive backgrounds, creating a sense of natural grandeur. Ideal for branding, web design, or editorial content that aims to evoke resilience, warmth, and the awe-inspiring scale of natural landscapes, ensuring a memorable and aesthetically pleasing experience.

Best used for

  • Rugged outdoor brand identity
  • Southwest architectural design
  • Earthy e-commerce websites
  • Adventure travel blogs
  • Natural beauty product packaging
  • Desert landscape photography

Suggested color roles

primary

Use #BF6A2F as a strong, inviting primary for headers or key brand elements, conveying warmth and strength.

secondary

Employ #E0874A for secondary calls to action or prominent UI components, adding a vibrant glow.

accent

Introduce #A15626 as a deep, grounding accent for important details or strong visual anchors.

background

Apply #FCD9B4 for light, spacious backgrounds, allowing the warmer oranges to truly radiate.

text

Utilize #A15626 for primary body text, ensuring excellent readability against lighter shades.

Accessibility notes

  • Ensure #A15626 or #BF6A2F is used for text against #FCD9B4 or #F7AD6D for optimal contrast.
  • Avoid using #E0874A on #F7AD6D for small text due to potential low contrast.
  • The darkest shade, #A15626, provides strong contrast for headings on any lighter color in the palette.
  • Always verify text contrast for accessibility, especially for body copy on mid-tone backgrounds.

Recommended combinations

Mesa Sunset

Creates a vibrant, natural gradient for hero sections or captivating visual elements.

#BF6A2F · #E0874A · #F7AD6D

Sandstone Glow

Effective for content cards, backgrounds, or subtle UI elements with a warm, inviting feel.

#FCD9B4 · #A15626 · #E0874A

Deep Rugged

Provides a strong, impactful aesthetic for branding, footers, or bold textual elements.

#A15626 · #BF6A2F · #F7AD6D

CSS variables

:root {
  --desert-mesa-glow-2-1: #BF6A2F;
  --desert-mesa-glow-2-2: #E0874A;
  --desert-mesa-glow-2-3: #F7AD6D;
  --desert-mesa-glow-2-4: #FCD9B4;
  --desert-mesa-glow-2-5: #A15626;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "desert-mesa-glow-2": {
        1: "#BF6A2F",
        2: "#E0874A",
        3: "#F7AD6D",
        4: "#FCD9B4",
        5: "#A15626",
      }
    }
  }
}

Related searches

desert sandstone colorswarm mesa paletterugged earthy tonessouthwest glow designnatural orange brown scheme

Palette colors

Hex values

Color 1#BF6A2F
·
Color 2#E0874A
·
Color 3#F7AD6D
·
Color 4#FCD9B4
·
Color 5#A15626
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.5:1Fail
2.1:1Fail
3:1Fail
1.4:1Fail
2
1.5:1Fail
1.4:1Fail
2:1Fail
2:1Fail
3
2.1:1Fail
1.4:1Fail
1.4:1Fail
2.9:1Fail
4
3:1Fail
2:1Fail
1.4:1Fail
4.1:1AA18
5
1.4:1Fail
2:1Fail
2.9:1Fail
4.1:1AA18

Similar palettes

More like Desert Mesa Glow

View all warm
Canyon Vista Radiance
Desert Cactus Bloom
Desert Hearth Warmth
Desert Sun Bake
Desert Sun Bake
Desert Sunstone Glow