Palette

Copper Canyon Sundown

Rich, sun-baked reds and oranges mirroring the layered rock formations and dramatic light of a canyon at sunset.

warmnatural5 colors

More warm palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Copper Canyon Sundown 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 Copper Canyon Sundown.

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

Data visualization

#A45B4B#CE856E#EBC5AD#F2E3DB#8E5A4D

Palette guide

How to use Copper Canyon Sundown

Overview

The Copper Canyon Sundown palette captures the breathtaking drama of a canyon at sunset, with its rich, sun-baked reds and oranges. From the deep #A45B4B to the lighter #F2E3DB, with vibrant mid-tones like #CE856E and #EBC5AD, and a grounding #8E5A4D, this palette exudes natural warmth, rugged beauty, and a sense of timeless majesty. Designers and developers can leverage these hex codes to create immersive, inviting, and robust interfaces, adventurous branding, or evocative digital experiences. It's an excellent choice for projects requiring a natural, earthy, or southwestern aesthetic, offering depth and a powerful sense of place.

Best used for

Outdoor adventure tourism websites
Southwestern art and craft e-commerce
Desert landscape photography portfolios
Rustic resort or lodge branding
Natural beauty product packaging
Indigenous cultural heritage projects

Suggested color roles

primary

Use #A45B4B as a dominant, rich primary for headers, important buttons, or main sections.

secondary

Apply #8E5A4D for secondary content areas, navigation, or subtle textural elements.

accent

Introduce #CE856E as a warm, inviting accent for interactive elements or highlighted content.

background

The very light #F2E3DB provides a soft, warm background for optimal readability.

text

A deep brown (#5C3A33) or black (#000000) provides excellent contrast on lighter backgrounds, while white (#FFFFFF) works on darker tones.

Accessibility notes

Ensure sufficient contrast for text, especially when pairing mid-tones like #CE856E and #EBC5AD with text.
Text in dark brown on #F2E3DB will be highly readable.
White text will be necessary for #A45B4B and #8E5A4D to meet WCAG contrast standards.
Use #A45B4B for key interactive elements to ensure they stand out against lighter backgrounds.

Recommended combinations

Canyon Depth

Excellent for strong headers, footers, or defining robust sections in a rustic theme.

#A45B4B · #8E5A4D · #CE856E

Sunset Hues

Use for contrasting content blocks, subtle gradients, or warm, inviting backgrounds.

#CE856E · #EBC5AD · #F2E3DB

Desert Glow

Ideal for layered backgrounds, textured elements, or a rich, evocative visual hierarchy.

#F2E3DB · #A45B4B · #CE856E

CSS variables

:root {
  --copper-canyon-sundown-1: #A45B4B;
  --copper-canyon-sundown-2: #CE856E;
  --copper-canyon-sundown-3: #EBC5AD;
  --copper-canyon-sundown-4: #F2E3DB;
  --copper-canyon-sundown-5: #8E5A4D;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "copper-canyon-sundown": {
        1: "#A45B4B",
        2: "#CE856E",
        3: "#EBC5AD",
        4: "#F2E3DB",
        5: "#8E5A4D",
      }
    }
  }
}

Hex values

Color 1#A45B4B

Color 2#CE856E

Color 3#EBC5AD

Color 4#F2E3DB

Color 5#8E5A4D

Accessibility

Contrast checker

1.7:1Fail

3.1:1AA18

4:1AA18

1.1:1Fail

1.7:1Fail

1.8:1Fail

2.3:1Fail

1.9:1Fail

3.1:1AA18

1.8:1Fail

1.3:1Fail

3.5:1AA18

4:1AA18

2.3:1Fail

1.3:1Fail

4.5:1AA

1.1:1Fail

1.9:1Fail

3.5:1AA18

4.5:1AA

Similar palettes

More like Copper Canyon Sundown