Back to palettes

Palette

Mesa Canyon Radiance

Fiery oranges and reds reflecting the dramatic, sun-kissed cliffs of a desert mesa.

warmnatural5 colors
More warm palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Mesa Canyon Radiance 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 Mesa Canyon Radiance.

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

Data visualization

#FF7F50#DAA520#CD5C5C#A0522D#8B4513

Palette guide

How to use Mesa Canyon Radiance

Overview

The Mesa Canyon Radiance palette captures the dramatic, sun-kissed cliffs and fiery sunsets of a desert landscape. This warm and earthy collection, featuring #FF7F50 (Coral), #DAA520 (Goldenrod), and #8B4513 (Saddle Brown), is perfect for designs that aim to evoke adventure, natural beauty, and rugged warmth. Developers and designers can leverage its vibrant oranges and deep reds to create impactful branding, engaging digital experiences, or visually rich content. The inclusion of #CD5C5C (Indian Red) and #A0522D (Sienna) adds depth and a sense of enduring natural power, making it versatile for adventurous and earthy applications.

Best used for

  • Adventure travel and tourism branding
  • Outdoor gear and apparel websites
  • Natural landscape photography showcases
  • Southwestern-themed home decor and art
  • Documentary or educational content on geology
  • Rustic and natural product packaging

Suggested color roles

primary

Use #FF7F50 as a vibrant primary for calls to action, headers, or key graphical elements to convey energy and warmth.

secondary

Employ #CD5C5C for secondary content areas or background sections, offering a warm, earthy red base.

accent

Apply #DAA520 as a golden accent for highlights, icons, or subtle decorative elements, reminiscent of sun-kissed rock.

background

Utilize #A0522D for rich, earthy backgrounds, providing a grounding canvas that enhances the brighter tones.

text

For primary text, #8B4513 offers excellent readability on lighter backgrounds; use white or a light cream on darker backgrounds.

Accessibility notes

  • Ensure sufficient contrast when placing #FF7F50 or #DAA520 text on #A0522D; a dark brown or black is usually required.
  • When using #8B4513 as a background, white or a light cream text is essential for readability.
  • Avoid using #CD5C5C directly on #A0522D for critical text due to potential low contrast for some users.
  • Contrast is key for interactive elements; ensure clear visual feedback for hover and focus states against similar tones.

Recommended combinations

Canyon Sunset

Ideal for dramatic headers, vivid illustrations, or backgrounds that evoke the fiery beauty of a desert sunset.

#FF7F50 · #CD5C5C · #8B4513

Golden Mesa

Perfect for creating earthy, grounded sections, suitable for natural textures, rustic elements, or informational blocks.

#DAA520 · #A0522D · #8B4513

Radiant Earth

Great for highlighting energetic sections, calls to action, or where a vibrant yet natural warmth is desired.

#FF7F50 · #DAA520 · #CD5C5C

CSS variables

:root {
  --mesa-canyon-radiance-1: #FF7F50;
  --mesa-canyon-radiance-2: #DAA520;
  --mesa-canyon-radiance-3: #CD5C5C;
  --mesa-canyon-radiance-4: #A0522D;
  --mesa-canyon-radiance-5: #8B4513;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "mesa-canyon-radiance": {
        1: "#FF7F50",
        2: "#DAA520",
        3: "#CD5C5C",
        4: "#A0522D",
        5: "#8B4513",
      }
    }
  }
}

Related searches

desert color palettecanyon landscape colorswarm earthy tonessouthwestern designnatural adventure branding

Palette colors

Hex values

Color 1#FF7F50
·
Color 2#DAA520
·
Color 3#CD5C5C
·
Color 4#A0522D
·
Color 5#8B4513
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.1:1Fail
1.6:1Fail
2.2:1Fail
2.8:1Fail
2
1.1:1Fail
1.8:1Fail
2.5:1Fail
3.2:1AA18
3
1.6:1Fail
1.8:1Fail
1.4:1Fail
1.8:1Fail
4
2.2:1Fail
2.5:1Fail
1.4:1Fail
1.3:1Fail
5
2.8:1Fail
3.2:1AA18
1.8:1Fail
1.3:1Fail

Similar palettes

More like Mesa Canyon Radiance

View all warm
Canyon Ridge Ember
Autumn Cider Spill
Canyon Dawn Blush
Canyon Fire Sunset
Canyon Rim Sunset
Canyon Vista Radiance