Palette

Sunrise Canyon View

Vibrant reds and oranges mirror the stunning play of light as dawn breaks over a rugged desert canyon.

warmenergetic5 colors

More warm palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Sunrise Canyon View 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 Sunrise Canyon View.

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

Data visualization

#8B0000#CD5C5C#FF6347#FFA07A#FFDAB9

Palette guide

How to use Sunrise Canyon View

Overview

The Sunrise Canyon View palette captures the dramatic beauty of dawn breaking over a rugged desert landscape, featuring a vivid spectrum of reds and oranges. From the deep, grounding #8B0000 to the fiery #FF6347 and the soft, ethereal #FFDAB9, this collection mirrors the stunning play of light on ancient rock. It's an energetic palette, perfect for designs that aim to evoke warmth, passion, and the raw beauty of nature. Designers can use the rich #CD5C5C to add depth, while #FFA07A provides a gentle transition, ensuring a dynamic yet cohesive visual experience for branding, digital art, or adventurous themes.

Best used for

Travel and adventure brand identities
Nature photography portfolios or websites
Event promotions with a fiery or energetic theme
Southwestern-inspired interior design elements
Digital art and illustration needing warm, dramatic tones
Packaging for spicy foods or robust beverages

Suggested color roles

primary

Use #FF6347 for calls to action or key messaging to convey urgency and warmth.

secondary

Apply #CD5C5C for larger content blocks or illustrative elements, offering a rich, earthy feel.

accent

Employ #8B0000 for strong accents, navigation, or critical highlights to add depth and power.

background

#FFDAB9 provides a very light, warm base that allows the richer reds and oranges to truly pop.

text

Dark charcoal or black for body text against lighter backgrounds; white for text on #8B0000 or #CD5C5C.

Accessibility notes

#FFDAB9 will require very dark text for readability; avoid any light or medium grays.
Contrast between #FFA07A and #FF6347 might be low for text; use these for graphical elements rather than text if placed adjacent.
#8B0000 and #CD5C5C offer good contrast for white or very light text.
Always check color combinations for sufficient contrast, especially for interactive elements and small text.

Recommended combinations

Fiery Horizon

Excellent for gradients, headers, or backgrounds that need to convey a soft, glowing sunrise effect.

#FF6347 · #FFA07A · #FFDAB9

Canyon Depth

Ideal for creating strong visual hierarchy, bold statements, or branding that requires a powerful, grounded feel.

#8B0000 · #CD5C5C · #FF6347

Desert Warmth

A balanced selection for editorial layouts, softer branding, or illustrations where warmth and subtlety are key.

#CD5C5C · #FFA07A · #FFDAB9

CSS variables

:root {
  --sunrise-canyon-view-1: #8B0000;
  --sunrise-canyon-view-2: #CD5C5C;
  --sunrise-canyon-view-3: #FF6347;
  --sunrise-canyon-view-4: #FFA07A;
  --sunrise-canyon-view-5: #FFDAB9;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "sunrise-canyon-view": {
        1: "#8B0000",
        2: "#CD5C5C",
        3: "#FF6347",
        4: "#FFA07A",
        5: "#FFDAB9",
      }
    }
  }
}

Hex values

Color 1#8B0000

Color 2#CD5C5C

Color 3#FF6347

Color 4#FFA07A

Color 5#FFDAB9

Accessibility

Contrast checker

2.5:1Fail

3.4:1AA18

5:1AA

7.6:1AAA

2.5:1Fail

1.3:1Fail

2:1Fail

3:1AA18

3.4:1AA18

1.3:1Fail

1.5:1Fail

2.2:1Fail

5:1AA

2:1Fail

1.5:1Fail

7.6:1AAA

3:1AA18

2.2:1Fail

1.5:1Fail

Similar palettes

More like Sunrise Canyon View

Sunrise Canyon View

See it in context.

Ready when you are.

Built with Sunrise Canyon View.

How to use Sunrise Canyon View

Overview

Best used for

Suggested color roles

Accessibility notes

Recommended combinations

Fiery Horizon

Canyon Depth

Desert Warmth

CSS variables

Tailwind config

Related searches

Hex values

Contrast checker

More like Sunrise Canyon View