Back to palettes

Palette

Fiery Mesa Horizon

Captures the dramatic, blazing hues of a desert sunset casting long shadows over a rugged mesa landscape.

warmenergetic5 colors
More warm palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#E84A5F#F7786B#FFB347#F6E7B8#B93F4D

Palette guide

How to use Fiery Mesa Horizon

Overview

The 'Fiery Mesa Horizon' palette dramatically captures the blazing hues of a desert sunset casting long shadows over a rugged mesa landscape. It features a range of warm, inviting tones from a rich, deep rose (#E84A5F) to a softer coral (#F7786B), a sunny tangerine (#FFB347), and a gentle, sandy beige (#F6E7B8), grounded by a robust crimson (#B93F4D). This palette evokes warmth, adventure, and the serene beauty of a vast, sun-drenched landscape. It’s perfect for designers and developers aiming for an inviting, natural, yet vibrant aesthetic.

Best used for

  • Travel blogs and adventure tourism websites
  • Desert-themed branding and product packaging
  • Cozy cafe or restaurant interior design
  • Natural beauty products and organic brands
  • Outdoor adventure gear and apparel
  • Autumn fashion lines and seasonal campaigns

Suggested color roles

primary

#E84A5F for a warm, inviting primary brand color or key visual elements.

secondary

#F7786B for supporting visuals, subheadings, or background accents, adding softness.

accent

#FFB347 for highlights, calls to action, or a touch of vibrant, sunny energy.

background

#F6E7B8 for a light, airy, and natural canvas, or a deep charcoal for striking contrast.

text

Use #B93F4D or a deep brown/charcoal for legibility on lighter backgrounds, and white on darker shades.

Accessibility notes

  • #F6E7B8 requires dark text (e.g., black, #B93F4D) for good readability according to WCAG standards.
  • Avoid using #F7786B text on #E84A5F background due to potential low contrast for small text.
  • Ensure sufficient contrast for all text, especially with the lighter colors in the palette.
  • Test the contrast of #FFB347 against #F6E7B8 for any important information to guarantee visibility.

Recommended combinations

Sunset Gradient

For a warm, inviting visual fade in banners or background elements.

#E84A5F · #F7786B · #FFB347

Desert Base

A light background with strong, earthy accents for headings and key details.

#F6E7B8 · #B93F4D · #E84A5F

Highlighted Card

A dark card background with a bright header and light body text for readability.

#B93F4D · #FFB347 · #F6E7B8

CSS variables

:root {
  --fiery-mesa-horizon-1: #E84A5F;
  --fiery-mesa-horizon-2: #F7786B;
  --fiery-mesa-horizon-3: #FFB347;
  --fiery-mesa-horizon-4: #F6E7B8;
  --fiery-mesa-horizon-5: #B93F4D;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "fiery-mesa-horizon": {
        1: "#E84A5F",
        2: "#F7786B",
        3: "#FFB347",
        4: "#F6E7B8",
        5: "#B93F4D",
      }
    }
  }
}

Related searches

desert sunset palettewarm mesa colorsearthy red orange palettenatural horizon colorscozy autumn hues

Palette colors

Hex values

Color 1#E84A5F
·
Color 2#F7786B
·
Color 3#FFB347
·
Color 4#F6E7B8
·
Color 5#B93F4D
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.4:1Fail
2.1:1Fail
3.1:1AA18
1.4:1Fail
2
1.4:1Fail
1.5:1Fail
2.2:1Fail
2:1Fail
3
2.1:1Fail
1.5:1Fail
1.4:1Fail
3:1AA18
4
3.1:1AA18
2.2:1Fail
1.4:1Fail
4.4:1AA18
5
1.4:1Fail
2:1Fail
3:1AA18
4.4:1AA18

Similar palettes

More like Fiery Mesa Horizon

View all warm
Crimson Sunset Mesa
Arid Twilight Glow
Fiery Sunset
Fiery Sunset Peaks
Ruby Sunset
Saffron Bloom