Back to palettes

Palette

Sun-Kissed Canyon Walls

Earthy reds and oranges that capture the dramatic, sun-drenched layers of majestic canyon rock formations at dawn.

warmnatural5 colors
More warm palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Sun-Kissed Canyon Walls 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 Sun-Kissed Canyon Walls.

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

Data visualization

#8C3C24#B25E2D#D4844E#EBB67B#FAE3BC

Palette guide

How to use Sun-Kissed Canyon Walls

Overview

The Sun-Kissed Canyon Walls palette captures the dramatic, sun-drenched layers of majestic canyon rock formations at dawn. Featuring earthy reds and oranges like the deep `#8C3C24`, the rich `#B25E2D`, and the vibrant `#D4844E`, it's softened by the warm `#EBB67B` and anchored by the luminous `#FAE3BC`. This palette is ideal for designers and developers looking to evoke a sense of natural grandeur, ancient beauty, and rugged elegance. Its progression from deep earth tones to bright, sunlit hues offers versatility for creating designs that feel both grounded and expansive, perfect for themes of adventure, discovery, and natural wonder.

Best used for

  • Travel and adventure industry branding
  • Documentary or nature-themed website designs
  • Geological or scientific educational materials
  • Outdoor apparel and equipment branding
  • Rustic and natural home decor concepts
  • E-commerce sites for artisanal or handcrafted goods

Suggested color roles

primary

Use `#B25E2D` as a strong, inviting primary color for headlines, main calls-to-action, or hero sections to establish warmth and depth.

secondary

Employ `#8C3C24` for supporting content, subheadings, or important data, providing a deeper, grounding contrast.

accent

Apply `#D4844E` for vibrant highlights, interactive elements, or to draw attention to key features with a lively, sunlit pop.

background

The lightest hue, `#FAE3BC`, serves as an excellent warm, airy background for content areas, ensuring high readability.

text

For body text and critical information, `#8C3C24` offers strong contrast against lighter backgrounds like `#FAE3BC`, ensuring legibility.

Accessibility notes

  • Ensure sufficient contrast for text, especially when using mid-tones like `#D4844E` on similar backgrounds. Prioritize dark text on light backgrounds.
  • Avoid placing light colors like `#FAE3BC` or `#EBB67B` on backgrounds that are too close in luminosity to maintain readability.
  • Interactive elements using `#B25E2D` should have clear visual feedback for states, with contrasting text like white or `#8C3C24`.
  • The darkest color, `#8C3C24`, is recommended for primary body text to meet WCAG AA contrast standards on lighter palette colors.

Recommended combinations

Dawn Glow

A luminous background with a vibrant accent and a deep, grounding color for text or strong visuals.

#FAE3BC · #D4844E · #8C3C24

Layered Earth

A rich primary color complemented by a softer mid-tone and a deep, contrasting hue for depth and structure.

#B25E2D · #EBB67B · #8C3C24

Warm Highlight

A deep background paired with a very light accent and a vibrant highlight for calls to action or key information.

#8C3C24 · #FAE3BC · #D4844E

CSS variables

:root {
  --sun-kissed-canyon-walls-1: #8C3C24;
  --sun-kissed-canyon-walls-2: #B25E2D;
  --sun-kissed-canyon-walls-3: #D4844E;
  --sun-kissed-canyon-walls-4: #EBB67B;
  --sun-kissed-canyon-walls-5: #FAE3BC;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "sun-kissed-canyon-walls": {
        1: "#8C3C24",
        2: "#B25E2D",
        3: "#D4844E",
        4: "#EBB67B",
        5: "#FAE3BC",
      }
    }
  }
}

Related searches

canyon rock colorsdesert orange palettenatural earth toneswarm red brown schemeadventure branding colors

Palette colors

Hex values

Color 1#8C3C24
·
Color 2#B25E2D
·
Color 3#D4844E
·
Color 4#EBB67B
·
Color 5#FAE3BC
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.6:1Fail
2.6:1Fail
4.1:1AA18
6:1AA
2
1.6:1Fail
1.6:1Fail
2.5:1Fail
3.7:1AA18
3
2.6:1Fail
1.6:1Fail
1.6:1Fail
2.3:1Fail
4
4.1:1AA18
2.5:1Fail
1.6:1Fail
1.5:1Fail
5
6:1AA
3.7:1AA18
2.3:1Fail
1.5:1Fail

Similar palettes

More like Sun-Kissed Canyon Walls

View all warm
Canyon Dawn Blush
Canyon Fire Sunset
Canyon Ridge Ember
Canyon Wall Ember
Copper Canyon Sundown
Mesa Canyon Radiance