Palette

Sedona Rock Radiance

Rich, sun-warmed reds and oranges reflecting the iconic, vibrant rock formations of Sedona.

earthnatural5 colors

More earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Sedona Rock 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 Sedona Rock Radiance.

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

Data visualization

#7C2E1F#A54C2A#D47E4C#F8B478#FEE8B7

Palette guide

How to use Sedona Rock Radiance

Overview

The Sedona Rock Radiance palette beautifully captures the essence of sun-drenched desert landscapes with its rich, earthy hues. Featuring deep reds like #7C2E1F and vibrant oranges such as #A54C2A and #D47E4C, this collection is ideal for projects seeking a natural, rustic, or Southwestern aesthetic. The lighter tones, including #F8B478 and the soft #FEE8B7, provide essential contrast and a warm, inviting feel. Designers can leverage this palette to create authentic digital experiences, compelling branding, or physical designs that resonate with the warmth and rugged beauty of nature. Its grounded yet radiant character makes it versatile for a range of applications, from cultural branding to cozy home decor themes.

Best used for

Southwestern brand identity
Desert-themed web design
Interior design for rustic spaces
Packaging for natural products
Outdoor adventure marketing
Cultural festival branding

Suggested color roles

primary

#7C2E1F - Use this deep, grounding red for strong brand statements, prominent headings, or call-to-action buttons where a bold, natural feel is desired.

secondary

#A54C2A - A versatile burnt orange, ideal for subheadings, key graphical elements, or section backgrounds to complement the primary without overpowering it.

accent

#D47E4C - This vibrant terracotta orange works well for interactive elements, highlights, or small decorative details that need to pop with warmth and energy.

background

#FEE8B7 - A soft, creamy yellow that provides a light, airy base, perfect for main content areas or large backgrounds to allow other colors to shine.

text

For text over light backgrounds like #FEE8B7, a dark charcoal or black is recommended. When overlaying text on darker palette colors like #7C2E1F or #A54C2A, use #FEE8B7 or pure white for optimal readability.

Accessibility notes

Ensure high contrast when pairing dark reds/oranges (#7C2E1F, #A54C2A) with lighter backgrounds like #FEE8B7 for all text elements.
Avoid placing #D47E4C text directly on #F8B478 backgrounds; their similar luminosity can significantly impair readability.
Utilize a reliable color contrast checker for all text and interactive components, aiming to meet WCAG AA or AAA standards.
Consider increasing font sizes for lighter text colors on mid-tone backgrounds to enhance legibility, even if contrast ratios marginally pass.

Recommended combinations

Desert Sunset

Ideal for header sections or hero images, capturing a warm, fading light effect that evokes a serene sunset.

#7C2E1F · #F8B478 · #FEE8B7

Canyon Walls

Excellent for creating depth and texture in graphic elements or illustrative work, mimicking the layered rock formations of canyons.

#A54C2A · #D47E4C · #7C2E1F

Oasis Glow

Perfect for body content areas, offering a light, inviting background with warm, vibrant accents for links, highlights, or calls to action.

#FEE8B7 · #D47E4C · #A54C2A

CSS variables

:root {
  --sedona-rock-radiance-1: #7C2E1F;
  --sedona-rock-radiance-2: #A54C2A;
  --sedona-rock-radiance-3: #D47E4C;
  --sedona-rock-radiance-4: #F8B478;
  --sedona-rock-radiance-5: #FEE8B7;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "sedona-rock-radiance": {
        1: "#7C2E1F",
        2: "#A54C2A",
        3: "#D47E4C",
        4: "#F8B478",
        5: "#FEE8B7",
      }
    }
  }
}

Hex values

Color 1#7C2E1F

Color 2#A54C2A

Color 3#D47E4C

Color 4#F8B478

Color 5#FEE8B7

Accessibility

Contrast checker

1.6:1Fail

3:1AA18

5.2:1AA

7.7:1AAA

1.6:1Fail

1.9:1Fail

3.2:1AA18

4.8:1AA

3:1AA18

1.9:1Fail

1.7:1Fail

2.5:1Fail

5.2:1AA

3.2:1AA18

1.7:1Fail

1.5:1Fail

7.7:1AAA

4.8:1AA

2.5:1Fail

1.5:1Fail

Similar palettes

More like Sedona Rock Radiance