Back to palettes

Palette

Canyon Dusk Ember

Evokes the quiet majesty of a desert canyon as the last rays of sun paint the rocks in fiery hues.

warmnatural5 colors
More warm palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Canyon Dusk Ember 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 Canyon Dusk Ember.

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

Data visualization

#3B1B0F#8F3A15#D26C2A#F5A760#FAE3C2

Palette guide

How to use Canyon Dusk Ember

Overview

The "Canyon Dusk Ember" palette evokes the quiet majesty of a desert canyon at twilight, as the last rays of sun paint the rocks in fiery hues. It transitions from the deep, mysterious #3B1B0F to the vibrant, glowing #D26C2A and #F5A760, culminating in the soft, luminous #FAE3C2. The rich #8F3A15 provides a strong mid-tone, balancing the intensity. This palette is perfect for designs that aim to convey a sense of drama, warmth, and natural wonder, offering a sophisticated blend of deep earth tones and radiant sunset oranges. It's excellent for creating immersive and memorable visual experiences.

Best used for

  • Luxury travel and adventure websites
  • Branding for high-end spirits or craft beverages
  • Art and photography portfolios with dramatic themes
  • E-commerce for rustic furniture or heritage goods
  • Gaming interfaces with an ancient or mystical feel
  • Editorial design for nature magazines or documentaries

Suggested color roles

primary

Use #3B1B0F as a profound primary for backgrounds or strong structural elements, creating a sense of depth and mystery.

secondary

Employ #8F3A15 for navigation, subheadings, or key content blocks, maintaining a rich, earthy foundation.

accent

Apply #D26C2A for vibrant call-to-action buttons or focal points, adding an energetic and inviting glow.

background

Utilize #FAE3C2 as a soft, warm background, offering excellent readability for darker text and a luminous feel.

text

For body text, a deep brown like #3B1B0F or a dark charcoal ensures optimal legibility against lighter backgrounds.

Accessibility notes

  • Ensure high contrast when using #FAE3C2 or #F5A760 with text; darker palette colors are essential.
  • Check WCAG contrast ratios for #D26C2A when used for text, especially on light backgrounds.
  • The dark tones #3B1B0F and #8F3A15 provide excellent contrast for white or very light text.
  • Avoid pairing #D26C2A with #F5A760 for small text to maintain clear distinction and readability.

Recommended combinations

Twilight Ember

Ideal for creating a dramatic, deep-to-bright gradient in headers or hero images.

#3B1B0F · #8F3A15 · #D26C2A

Sunset Glow

Excellent for vibrant backgrounds with layered accents, evoking a warm, setting sun.

#FAE3C2 · #F5A760 · #D26C2A

Deep Canyon

Suitable for high-contrast informational sections, with dark text on light backgrounds, highlighted by a vibrant mid-tone.

#3B1B0F · #F5A760 · #FAE3C2

CSS variables

:root {
  --canyon-dusk-ember-1: #3B1B0F;
  --canyon-dusk-ember-2: #8F3A15;
  --canyon-dusk-ember-3: #D26C2A;
  --canyon-dusk-ember-4: #F5A760;
  --canyon-dusk-ember-5: #FAE3C2;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "canyon-dusk-ember": {
        1: "#3B1B0F",
        2: "#8F3A15",
        3: "#D26C2A",
        4: "#F5A760",
        5: "#FAE3C2",
      }
    }
  }
}

Related searches

canyon sunset color palettedramatic orange brown schemedesert twilight colorsfiery earth tonesnatural warm hex codes

Palette colors

Hex values

Color 1#3B1B0F
·
Color 2#8F3A15
·
Color 3#D26C2A
·
Color 4#F5A760
·
Color 5#FAE3C2
·

Accessibility

Contrast checker

1
2
3
4
5
1
2.1:1Fail
4.4:1AA18
7.8:1AAA
12.5:1AAA
2
2.1:1Fail
2.1:1Fail
3.8:1AA18
6:1AA
3
4.4:1AA18
2.1:1Fail
1.8:1Fail
2.8:1Fail
4
7.8:1AAA
3.8:1AA18
1.8:1Fail
1.6:1Fail
5
12.5:1AAA
6:1AA
2.8:1Fail
1.6:1Fail

Similar palettes

More like Canyon Dusk Ember

View all warm
Canyon Fire Sunset
Desert Serene Sunset
Mesa Ember Glow
Terracotta Sunset Glaze
Bohemian Sunset Bloom
Boho Sunset Dream