Back to palettes

Palette

Mountain Ember Dusk

Fiery oranges and reds ablaze against the last moments of sunlight over a rugged mountain range.

Warmenergetic5 colors
More Warm palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#E67E22#D35400#BA4A00#F39C12#C0392B

Palette guide

How to use Mountain Ember Dusk

Overview

The Mountain Ember Dusk palette ignites designs with the fiery glow of a mountain sunset, blending vibrant oranges and intense reds. This energetic collection features the rich, warm orange of #E67E22, the deep, burning red-orange of #D35400, and the powerful, almost volcanic #BA4A00. The brighter #F39C12 adds a touch of golden warmth, while #C0392B introduces a strong, deep red, reminiscent of glowing embers. This palette is perfect for projects that demand attention, convey passion, or evoke a sense of adventure and dynamism. Designers can use its bold contrasts and fiery hues to create impactful, memorable experiences across various digital and print media.

Best used for

  • adventure sports branding
  • gaming interfaces
  • food and beverage packaging (spicy/bold)
  • event promotions (festivals)
  • automotive industry marketing
  • high-energy website hero sections

Suggested color roles

primary

Use #E67E22 as a vibrant primary for calls to action or prominent headings, demanding immediate attention.

secondary

Apply #D35400 for secondary elements or backgrounds that need to convey warmth and intensity.

accent

Introduce #C0392B as a powerful accent for critical alerts or strong visual anchors, providing deep contrast.

background

Employ a very dark gray or black for backgrounds to make these fiery colors truly pop, or use #F39C12 for a warm, bright base.

text

For optimal readability, use a dark charcoal or black text on lighter colors like #E67E22 or #F39C12, or white text on darker hues like #BA4A00.

Accessibility notes

  • Ensure sufficient contrast for text, especially when using orange/red on other orange/red tones.
  • White or light gray text on #BA4A00 or #C0392B generally provides good readability.
  • Avoid using #F39C12 for small text on #E67E22 as contrast will be poor.
  • Pair #D35400 with a dark background for best visibility and impact in UI elements.

Recommended combinations

Fiery Peak

Excellent for impactful headers or hero images, creating a dramatic, energetic gradient.

#BA4A00 · #D35400 · #E67E22

Ember Glow

Ideal for calls to action or interactive elements, guiding user attention with warm vibrancy.

#F39C12 · #E67E22 · #C0392B

Dusk Horizon

Suitable for strong branding or key visual highlights, conveying passion and intensity.

#D35400 · #C0392B · #E67E22

CSS variables

:root {
  --mountain-ember-dusk-1: #E67E22;
  --mountain-ember-dusk-2: #D35400;
  --mountain-ember-dusk-3: #BA4A00;
  --mountain-ember-dusk-4: #F39C12;
  --mountain-ember-dusk-5: #C0392B;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "mountain-ember-dusk": {
        1: "#E67E22",
        2: "#D35400",
        3: "#BA4A00",
        4: "#F39C12",
        5: "#C0392B",
      }
    }
  }
}

Related searches

fiery orange red palettemountain sunset colorsenergetic warm tonesbold adventure color schemevibrant ember palette

Palette colors

Hex values

Color 1#E67E22
·
Color 2#D35400
·
Color 3#BA4A00
·
Color 4#F39C12
·
Color 5#C0392B
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.5:1Fail
1.8:1Fail
1.3:1Fail
1.9:1Fail
2
1.5:1Fail
1.2:1Fail
1.9:1Fail
1.3:1Fail
3
1.8:1Fail
1.2:1Fail
2.4:1Fail
1.1:1Fail
4
1.3:1Fail
1.9:1Fail
2.4:1Fail
2.5:1Fail
5
1.9:1Fail
1.3:1Fail
1.1:1Fail
2.5:1Fail

Similar palettes

More like Mountain Ember Dusk

View all Warm