Back to palettes

Palette

Sunrise Canyon Wall

Captures the dramatic shift of colors on ancient rock faces as the morning sun casts its first golden rays.

earthnatural5 colors
More earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#D68065#B5655B#8F4D4A#F7D7B1#A0A08A

Palette guide

How to use Sunrise Canyon Wall

Overview

The Sunrise Canyon Wall palette captures the dramatic shift of colors on ancient rock faces as the morning sun casts its first golden rays. This earthy and natural collection features a blend of warm, muted tones, ranging from the soft, sandy #F7D7B1 to the rich, grounded #8F4D4A. The subtle greens of #A0A08A introduce a touch of natural contrast, while #D68065 and #B5655B provide the core warmth of sun-kissed rock. Designers can use this palette to evoke a sense of heritage, rugged beauty, and serene warmth, making it perfect for projects that require a natural, sophisticated, and inviting aesthetic.

Best used for

  • Heritage or artisanal brand identities
  • Eco-friendly product packaging
  • Interior design for rustic or southwestern styles
  • Nature-inspired web design and blogging
  • Documentary or historical film branding
  • Outdoor gear and apparel branding

Suggested color roles

primary

Use #B5655B for main headings or key design elements to convey warmth and stability.

secondary

Apply #D68065 for larger content areas or illustrations, offering a softer, inviting tone.

accent

Employ #8F4D4A for important details, borders, or strong calls to action, providing depth and gravitas.

background

#F7D7B1 serves as an excellent light, earthy background, allowing other colors to emerge gently.

text

Dark charcoal or a deep brown for body text; white or very light cream against #8F4D4A or #B5655B.

Accessibility notes

  • #F7D7B1 will require very dark text (e.g., black or dark brown) for sufficient contrast.
  • The muted tones like #D68065 and #A0A08A may need careful text color selection to ensure readability.
  • #8F4D4A offers good contrast for white or light cream text.
  • Avoid using #D68065 and #B5655B for small text against each other due to potentially low contrast.

Recommended combinations

Earthy Dawn

Ideal for creating a warm, inviting gradient or for backgrounds that need a natural, subtle shift.

#F7D7B1 · #D68065 · #B5655B

Canyon Foundation

Excellent for strong branding, architectural visuals, or elements requiring a grounded and sophisticated feel.

#B5655B · #8F4D4A · #A0A08A

Desert Bloom

A balanced trio for editorial layouts, natural product packaging, or digital interfaces aiming for serene warmth.

#F7D7B1 · #D68065 · #A0A08A

CSS variables

:root {
  --sunrise-canyon-wall-1: #D68065;
  --sunrise-canyon-wall-2: #B5655B;
  --sunrise-canyon-wall-3: #8F4D4A;
  --sunrise-canyon-wall-4: #F7D7B1;
  --sunrise-canyon-wall-5: #A0A08A;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "sunrise-canyon-wall": {
        1: "#D68065",
        2: "#B5655B",
        3: "#8F4D4A",
        4: "#F7D7B1",
        5: "#A0A08A",
      }
    }
  }
}

Related searches

earthy desert palettenatural warm colorssouthwestern design schememuted sunrise tonesrustic nature palette

Palette colors

Hex values

Color 1#D68065
·
Color 2#B5655B
·
Color 3#8F4D4A
·
Color 4#F7D7B1
·
Color 5#A0A08A
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.4:1Fail
2.1:1Fail
2.1:1Fail
1.1:1Fail
2
1.4:1Fail
1.5:1Fail
3.1:1AA18
1.6:1Fail
3
2.1:1Fail
1.5:1Fail
4.6:1AA
2.4:1Fail
4
2.1:1Fail
3.1:1AA18
4.6:1AA
1.9:1Fail
5
1.1:1Fail
1.6:1Fail
2.4:1Fail
1.9:1Fail

Similar palettes

More like Sunrise Canyon Wall

View all earth
Adobe Desert Hues
Desert Bloom Oasis
Desert Sunstone Glow
Adobe Sunset
Arid Blossom
Arid Cactus Blossom