Palette

Sunset Mesa Blazes

Fiery, vibrant hues of a breathtaking sunset illuminating desert mesas.

warmenergetic5 colors

More warm palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Sunset Mesa Blazes 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 Sunset Mesa Blazes.

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

Data visualization

#D47B49#F5B079#A34E2F#FFD29D#8E4C2F

Palette guide

How to use Sunset Mesa Blazes

Overview

The 'Sunset Mesa Blazes' palette captures the warm, earthy glow of a desert sunset, offering a rich spectrum of oranges and browns. Key colors include the inviting mid-tone orange #D47B49, the lighter, sun-kissed #F5B079, and the bright highlight of #FFD29D. Deeper, grounding tones like #A34E2F and the rich #8E4C2F provide essential contrast and depth, reminiscent of sun-baked earth and rock formations. This palette is ideal for evoking a sense of natural warmth, adventure, and rustic beauty, making it highly versatile for projects seeking an authentic, organic feel.

Best used for

Travel blogs and tourism websites (desert/southwest focus)
Rustic home decor branding
Natural food and beverage packaging
Outdoor adventure gear and apparel
Artisanal craft websites
Natural cosmetics and skincare brands

Suggested color roles

primary

Use #D47B49 as the main brand color for an inviting, warm presence, suitable for headings or primary buttons.

secondary

Employ #A34E2F for important text, subheadings, or as a grounding element to add depth.

accent

Apply #FFD29D for highlights, interactive elements, or to create a sunlit glow effect.

background

Utilize #F5B079 for a soft, warm canvas. For a more subtle approach, a very light cream or near-white can serve as a background.

text

Choose #8E4C2F or a dark charcoal for body text on lighter backgrounds like #F5B079 or #FFD29D to ensure optimal readability.

Accessibility notes

Ensure lighter shades like #FFD29D have sufficient contrast when used for text, especially against other light backgrounds.
#A34E2F and #8E4C2F are excellent choices for readable text on #F5B079 or #FFD29D backgrounds.
Avoid using #D47B49 as text on #F5B079 without careful contrast checks, as readability might be compromised.
For optimal readability on darker hues like #A34E2F, use white or a very light gray text.

Recommended combinations

Mesa Horizon

Creates a harmonious gradient, ideal for backgrounds, banners, or layered graphic elements representing a wide vista.

#D47B49 · #F5B079 · #FFD29D

Desert Earth

Provides rich, grounded tones for text, strong accents, or elements requiring a sense of stability and natural depth.

#A34E2F · #8E4C2F · #D47B49

Warm Glow

Offers a soft, inviting feel with a touch of warmth and depth, great for UI cards or subtle branding.

#FFD29D · #F5B079 · #A34E2F

CSS variables

:root {
  --sunset-mesa-blazes-1: #D47B49;
  --sunset-mesa-blazes-2: #F5B079;
  --sunset-mesa-blazes-3: #A34E2F;
  --sunset-mesa-blazes-4: #FFD29D;
  --sunset-mesa-blazes-5: #8E4C2F;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "sunset-mesa-blazes": {
        1: "#D47B49",
        2: "#F5B079",
        3: "#A34E2F",
        4: "#FFD29D",
        5: "#8E4C2F",
      }
    }
  }
}

Hex values

Color 1#D47B49

Color 2#F5B079

Color 3#A34E2F

Color 4#FFD29D

Color 5#8E4C2F

Accessibility

Contrast checker

1.7:1Fail

1.8:1Fail

2.2:1Fail

2.1:1Fail

1.7:1Fail

3.1:1AA18

1.3:1Fail

3.5:1AA18

1.8:1Fail

3.1:1AA18

4.1:1AA18

1.1:1Fail

2.2:1Fail

1.3:1Fail

4.1:1AA18

4.6:1AA

2.1:1Fail

3.5:1AA18

1.1:1Fail

4.6:1AA

Similar palettes

More like Sunset Mesa Blazes