Back to palettes

Palette

Autumn Ember Dance

A fiery progression of deep reds to golden oranges, mirroring the warm, glowing embers of an autumn fire.

warmenergetic5 colors
More warm palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Autumn Ember Dance 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 Autumn Ember Dance.

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

Data visualization

#7A1A05#B02B08#E24C0A#F57C0A#FFB74D

Palette guide

How to use Autumn Ember Dance

Overview

The "Autumn Ember Dance" palette is a fiery progression of deep reds to golden oranges, mirroring the warm, glowing embers of an autumn fire. Starting with the intense, almost black-red of #7A1A05, it ignites through the bold #B02B08 and the vibrant #E24C0A. The palette then brightens to the lively #F57C0A and culminates in the radiant golden orange of #FFB74D. This energetic collection is perfect for designs that aim to convey passion, warmth, and dynamic energy. Designers and developers can utilize these captivating hues for high-impact branding, exciting interfaces, or engaging marketing materials.

Best used for

  • Energetic brand identities and logos
  • Sports or adventure-themed websites
  • Seasonal sales and promotional graphics
  • Dynamic game interfaces or digital art
  • Event branding for lively gatherings
  • Food packaging for spicy or warm products

Suggested color roles

primary

#E24C0A - A vibrant, fiery orange that demands attention, ideal for primary calls-to-action, main headings, or energetic brand elements.

secondary

#B02B08 - A deep, rich red-orange that offers strong support, perfect for subheadings, important navigation, or content dividers.

accent

#F57C0A - A bright, glowing orange that adds a luminous touch, excellent for interactive states, highlights, or small, impactful details.

background

#FFB74D - A light, warm golden orange that provides an inviting, energetic base, allowing darker colors to stand out.

text

#7A1A05 - A very deep, dark red-brown that offers maximum contrast against lighter shades like #FFB74D, ensuring excellent readability for body text.

Accessibility notes

  • Ensure sufficient contrast for text, especially when using #F57C0A or #E24C0A on #FFB74D, which may be challenging for readability.
  • Use #7A1A05 or a dark charcoal/black for body text on #FFB74D to meet WCAG AA standards.
  • Reserve the brighter oranges like #F57C0A for large display text or interactive elements with clear hover states.
  • Test all text and interactive elements for contrast, particularly against the warm background tones.

Recommended combinations

Ember Glow

Creates a radiant, warm gradient, perfect for dynamic backgrounds, banners, or progress indicators.

#FFB74D · #F57C0A · #E24C0A

Fiery Depth

Combines the deepest red-brown with a mid-tone and a light golden orange for striking contrast and energy.

#7A1A05 · #B02B08 · #FFB74D

Vibrant Impact

A powerful trio of vibrant oranges and red-orange, excellent for creating high-energy visual compositions.

#E24C0A · #F57C0A · #B02B08

CSS variables

:root {
  --autumn-ember-dance-1: #7A1A05;
  --autumn-ember-dance-2: #B02B08;
  --autumn-ember-dance-3: #E24C0A;
  --autumn-ember-dance-4: #F57C0A;
  --autumn-ember-dance-5: #FFB74D;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "autumn-ember-dance": {
        1: "#7A1A05",
        2: "#B02B08",
        3: "#E24C0A",
        4: "#F57C0A",
        5: "#FFB74D",
      }
    }
  }
}

Related searches

fiery autumn color schemeenergetic orange red palettewarm ember design colorsdynamic fall ui paletteglowing fire color guide

Palette colors

Hex values

Color 1#7A1A05
·
Color 2#B02B08
·
Color 3#E24C0A
·
Color 4#F57C0A
·
Color 5#FFB74D
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.6:1Fail
2.7:1Fail
3.9:1AA18
6.1:1AA
2
1.6:1Fail
1.7:1Fail
2.4:1Fail
3.8:1AA18
3
2.7:1Fail
1.7:1Fail
1.5:1Fail
2.3:1Fail
4
3.9:1AA18
2.4:1Fail
1.5:1Fail
1.6:1Fail
5
6.1:1AA
3.8:1AA18
2.3:1Fail
1.6:1Fail

Similar palettes

More like Autumn Ember Dance

View all warm
Spiced Clementine
Autumn Apple Basket
Autumn Bonfire Blaze
Autumn Gourd Spice
Autumn Maple Flame
Crimson Ember Glow