Back to palettes

Palette

Autumn Foliage Ember

A fiery celebration of autumn leaves, burning with warm reds and vibrant oranges like a forest on fire.

warmenergetic5 colors
More warm palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#B33939#E06200#FF9933#8C2F2F#F77F00

Palette guide

How to use Autumn Foliage Ember

Overview

The "Autumn Foliage Ember" palette is a fiery celebration of autumn leaves, burning with warm reds and vibrant oranges like a forest on fire. It features the rich, deep reds of #B33939 and #8C2F2F, transitioning through the intense oranges of #E06200 and #F77F00, to the bright, glowing orange of #FF9933. This energetic collection is perfect for designs aiming 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 that demand attention.

Best used for

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

Suggested color roles

primary

#E06200 - A vibrant, intense orange that commands attention, ideal for primary calls-to-action, main headings, or energetic brand elements.

secondary

#B33939 - A rich, deep red that provides strong support for subheadings, important navigation, or content dividers, adding gravitas.

accent

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

background

#F77F00 - A strong, warm orange that provides an energetic base, allowing deeper reds and brighter oranges to interact dynamically.

text

#8C2F2F - A deep, dark red that offers excellent contrast against lighter oranges like #FF9933 or even #F77F00 for larger text, ensuring good readability.

Accessibility notes

  • Ensure sufficient contrast for text, especially when placing #FF9933 on #F77F00, which may be challenging for readability.
  • For body text on #F77F00, a dark brown or black is recommended to meet WCAG AA standards, or use #8C2F2F for larger text.
  • Avoid using #E06200 or #B33939 for small text on backgrounds of similar warmth without careful contrast checking.
  • Test interactive elements to ensure clear visual feedback and sufficient contrast in all states.

Recommended combinations

Fiery Gradient

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

#F77F00 · #FF9933 · #E06200

Deep Ember

Combines the deepest reds with a vibrant orange for striking contrast and a powerful, energetic feel.

#8C2F2F · #B33939 · #F77F00

Autumn Blaze

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

#E06200 · #FF9933 · #B33939

CSS variables

:root {
  --autumn-foliage-ember-2-1: #B33939;
  --autumn-foliage-ember-2-2: #E06200;
  --autumn-foliage-ember-2-3: #FF9933;
  --autumn-foliage-ember-2-4: #8C2F2F;
  --autumn-foliage-ember-2-5: #F77F00;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "autumn-foliage-ember-2": {
        1: "#B33939",
        2: "#E06200",
        3: "#FF9933",
        4: "#8C2F2F",
        5: "#F77F00",
      }
    }
  }
}

Related searches

fiery autumn red orangeenergetic fall foliage colorswarm ember design palettedynamic seasonal ui schemeglowing leaves color guide

Palette colors

Hex values

Color 1#B33939
·
Color 2#E06200
·
Color 3#FF9933
·
Color 4#8C2F2F
·
Color 5#F77F00
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.7:1Fail
2.8:1Fail
1.4:1Fail
2.2:1Fail
2
1.7:1Fail
1.7:1Fail
2.3:1Fail
1.4:1Fail
3
2.8:1Fail
1.7:1Fail
3.8:1AA18
1.2:1Fail
4
1.4:1Fail
2.3:1Fail
3.8:1AA18
3.1:1AA18
5
2.2:1Fail
1.4:1Fail
1.2:1Fail
3.1:1AA18

Similar palettes

More like Autumn Foliage Ember

View all warm
Amber Harvest Glow
Autumn Harvest Lantern
Autumn Rustling Leaves
Fall Leaf Brilliance
Harvest Pumpkin Patch
Russet Harvest Flame