Back to palettes

Palette

Crimson Sunset Mesa

Fiery reds and oranges reflecting the dramatic, burning spectacle of a desert sunset over ancient mesas.

warmenergetic5 colors
More warm palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#8C2B2B#B8473A#E67F5D#5E1818#A6554D

Palette guide

How to use Crimson Sunset Mesa

Overview

The Crimson Sunset Mesa palette captures the dramatic, burning spectacle of a desert sunset over ancient mesas. Featuring earthy reds like #5E1818 and #8C2B2B, blended with warmer tones such as #B8473A and #E67F5D, this collection evokes a sense of natural grandeur and warmth. Designers can utilize its robust spectrum for impactful branding or inviting digital interfaces that speak to nature and adventure. Developers will find these distinct hex codes valuable for crafting harmonious gradients and textural backgrounds, making this palette ideal for projects seeking an organic yet energetic aesthetic.

Best used for

  • Outdoor adventure and travel brands
  • Earthy and rustic product designs
  • Nature-inspired digital artwork
  • Southwestern or desert-themed decor
  • Warm and inviting website layouts
  • Editorial content on geology or history

Suggested color roles

primary

#8C2B2B for a strong, earthy base that grounds the design.

secondary

#B8473A to introduce a sun-baked warmth, suitable for headers or subheadings.

accent

#E67F5D for inviting calls to action or highlights that suggest warmth and approachability.

background

#5E1818 provides a deep, rich backdrop reminiscent of shadowed rock, allowing lighter tones to emerge.

text

A light cream or off-white against darker reds, or a deep brown/charcoal against #E67F5D for readability.

Accessibility notes

  • Ensure sufficient contrast for text on #5E1818 and #8C2B2B backgrounds; light text is crucial.
  • Text in #B8473A or #A6554D will likely need a light background for readability.
  • Avoid using #E67F5D as text on #B8473A due to potential low contrast.
  • Consider larger font sizes for text elements to improve readability against earthy tones.

Recommended combinations

Desert Glow

Ideal for creating gradients that mimic the deep shadows and warm light of a mesa.

#5E1818 · #8C2B2B · #B8473A

Sunset Accent

Perfect for drawing attention to calls to action or key information with warmth.

#B8473A · #E67F5D · #8C2B2B

Mesa Hues

Great for subtle variations in background textures or illustrative details.

#A6554D · #E67F5D · #B8473A

CSS variables

:root {
  --crimson-sunset-mesa-1: #8C2B2B;
  --crimson-sunset-mesa-2: #B8473A;
  --crimson-sunset-mesa-3: #E67F5D;
  --crimson-sunset-mesa-4: #5E1818;
  --crimson-sunset-mesa-5: #A6554D;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "crimson-sunset-mesa": {
        1: "#8C2B2B",
        2: "#B8473A",
        3: "#E67F5D",
        4: "#5E1818",
        5: "#A6554D",
      }
    }
  }
}

Related searches

desert sunset color paletteearthy red orange huesrustic branding colorssouthwestern design palettewarm nature inspired colors

Palette colors

Hex values

Color 1#8C2B2B
·
Color 2#B8473A
·
Color 3#E67F5D
·
Color 4#5E1818
·
Color 5#A6554D
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.6:1Fail
3:1AA18
1.5:1Fail
1.6:1Fail
2
1.6:1Fail
1.9:1Fail
2.5:1Fail
1:1Fail
3
3:1AA18
1.9:1Fail
4.7:1AA
1.9:1Fail
4
1.5:1Fail
2.5:1Fail
4.7:1AA
2.5:1Fail
5
1.6:1Fail
1:1Fail
1.9:1Fail
2.5:1Fail

Similar palettes

More like Crimson Sunset Mesa

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