Palette

Desert Mesa Ember

Fiery oranges and warm browns depict the breathtaking, burning glow of a desert sunset on ancient mesas.

warmnatural5 colors

More warm palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#8B4513#A0522D#CD853F#FFA07A#FFDAB9

Palette guide

How to use Desert Mesa Ember

Overview

The Desert Mesa Ember palette captures the breathtaking, burning glow of a desert sunset over ancient mesas, featuring fiery oranges and warm browns. With a range from the deep #8B4513 to the luminous #FFDAB9, this palette offers a rich, dynamic warmth. Designers can leverage the inviting #A0522D for substantial elements and the bright #FFA07A for energetic highlights. This collection is ideal for projects seeking to convey passion, natural beauty, and a sense of rugged elegance. Perfect for branding, web design, or editorial content that aims to evoke the dramatic and awe-inspiring spectacle of a desert twilight, ensuring memorable visual impact.

Best used for

Sunset-inspired photography
Warm-toned branding
Outdoor adventure tourism
Rustic event invitations
Cozy cabin interiors
Autumnal product lines

Suggested color roles

primary

Use #8B4513 as a deep, grounding primary for strong headers or brand elements, conveying stability.

secondary

Employ #A0522D for secondary backgrounds or prominent content blocks, adding rich warmth.

accent

Introduce #CD853F as a vibrant accent for calls to action or key information, drawing attention effectively.

background

Apply #FFDAB9 for light, airy backgrounds, allowing the fiery oranges and browns to stand out.

text

Utilize #8B4513 for primary body text, ensuring excellent readability against lighter background shades.

Accessibility notes

Ensure #8B4513 or #A0522D is used for text against #FFA07A or #FFDAB9 for optimal contrast.
Avoid using #CD853F on #FFA07A for small text due to potential low contrast.
The darkest shade, #8B4513, provides strong contrast for headings on any lighter palette color.
Always verify text contrast for accessibility, especially for body copy on mid-tone backgrounds.

Recommended combinations

Sunset Blaze

Creates a vibrant, energetic gradient for hero sections or dynamic visual elements.

#FFA07A · #CD853F · #A0522D

Ember Glow

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

#FFDAB9 · #8B4513 · #CD853F

Deep Twilight

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

#8B4513 · #A0522D · #FFA07A

CSS variables

:root {
  --desert-mesa-ember-1: #8B4513;
  --desert-mesa-ember-2: #A0522D;
  --desert-mesa-ember-3: #CD853F;
  --desert-mesa-ember-4: #FFA07A;
  --desert-mesa-ember-5: #FFDAB9;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "desert-mesa-ember": {
        1: "#8B4513",
        2: "#A0522D",
        3: "#CD853F",
        4: "#FFA07A",
        5: "#FFDAB9",
      }
    }
  }
}

Hex values

Color 1#8B4513

Color 2#A0522D

Color 3#CD853F

Color 4#FFA07A

Color 5#FFDAB9

Accessibility

Contrast checker

1.3:1Fail

2.4:1Fail

3.6:1AA18

5.4:1AA

1.3:1Fail

1.9:1Fail

2.8:1Fail

4.3:1AA18

2.4:1Fail

1.9:1Fail

1.5:1Fail

2.3:1Fail

3.6:1AA18

2.8:1Fail

1.5:1Fail

5.4:1AA

4.3:1AA18

2.3:1Fail

1.5:1Fail

Similar palettes

More like Desert Mesa Ember

Desert Mesa Ember

See it in context.

Ready when you are.

Built with Desert Mesa Ember.

How to use Desert Mesa Ember

Overview

Best used for

Suggested color roles

Accessibility notes

Recommended combinations

Sunset Blaze

Ember Glow

Deep Twilight

CSS variables

Tailwind config

Related searches

Hex values

Contrast checker

More like Desert Mesa Ember