Back to palettes

Palette

Autumn Bonfire Blaze

The crackling warmth of an autumn bonfire, casting flickering light and deep shadows.

warmenergetic5 colors
More warm palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Autumn Bonfire Blaze 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 Bonfire Blaze.

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

Data visualization

#E5734C#F4A261#A83F2C#D35F3A#F8C07B

Palette guide

How to use Autumn Bonfire Blaze

Overview

The "Autumn Bonfire Blaze" palette captures the crackling warmth of an autumn bonfire, casting flickering light and deep shadows, creating an energetic and warm feel. It features a vibrant coral #E5734C, a luminous golden orange #F4A261, a deep russet #A83F2C, a rich burnt orange #D35F3A, and a soft peach #F8C07B. This warm palette is ideal for designers looking to infuse coziness, energy, and a strong connection to the autumn season into their projects. The harmonious blend of oranges and reds, progressing from deep to light, creates a refreshing and modern aesthetic, perfect for web interfaces, branding, or digital art that aims to be both captivating and serene. It offers a truly elegant and ethereal aesthetic.

Best used for

  • Seasonal product marketing (fall collection)
  • Food and beverage branding (spiced drinks, comfort food)
  • Home decor or interior design websites
  • Nature photography portfolios
  • Crafts and artisanal goods e-commerce
  • Autumnal event invitations

Suggested color roles

primary

#E5734C - A vibrant coral, ideal for main interactive elements, key calls-to-action, or prominent sections that convey warmth and energy.

secondary

#D35F3A - A rich burnt orange, excellent for supporting content, navigation backgrounds, or subheadings, adding depth and sophistication.

accent

#F4A261 - A luminous golden orange, perfect for highlights, hover states, or small decorative elements that need to pop with a brilliant glow.

background

#F8C07B - A soft peach, providing an airy and serene canvas that allows the deeper reds and oranges to stand out beautifully.

text

#A83F2C - A deep russet that offers excellent readability on #F8C07B or #F4A261, or use a crisp white for general body text on darkest backgrounds.

Accessibility notes

  • Ensure #A83F2C has sufficient contrast when used for text on #F8C07B or #F4A261 backgrounds.
  • #E5734C can be used for headings on #A83F2C, but always verify contrast for smaller text.
  • Avoid using #D35F3A text directly on #E5734C, as the contrast might be insufficient.
  • For optimal readability, use a dark charcoal or black text on the lightest shades for general body copy.

Recommended combinations

Deep Ember

Robust website footers, elegant dashboards, or professional presentations.

#A83F2C · #D35F3A · #E5734C

Fire Glow

Vibrant hero sections, engaging infographics, or serene app interfaces.

#E5734C · #F4A261 · #F8C07B

Bonfire Spark

Dynamic gradient backgrounds, celestial-themed graphics, or impactful presentations.

#A83F2C · #F4A261 · #F8C07B

CSS variables

:root {
  --autumn-bonfire-blaze-1: #E5734C;
  --autumn-bonfire-blaze-2: #F4A261;
  --autumn-bonfire-blaze-3: #A83F2C;
  --autumn-bonfire-blaze-4: #D35F3A;
  --autumn-bonfire-blaze-5: #F8C07B;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "autumn-bonfire-blaze": {
        1: "#E5734C",
        2: "#F4A261",
        3: "#A83F2C",
        4: "#D35F3A",
        5: "#F8C07B",
      }
    }
  }
}

Related searches

autumn bonfire colorswarm orange red paletteenergetic fall brandingvibrant seasonal UIcozy fire hues

Palette colors

Hex values

Color 1#E5734C
·
Color 2#F4A261
·
Color 3#A83F2C
·
Color 4#D35F3A
·
Color 5#F8C07B
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.5:1Fail
2:1Fail
1.3:1Fail
1.9:1Fail
2
1.5:1Fail
3:1Fail
1.9:1Fail
1.3:1Fail
3
2:1Fail
3:1Fail
1.6:1Fail
3.8:1AA18
4
1.3:1Fail
1.9:1Fail
1.6:1Fail
2.3:1Fail
5
1.9:1Fail
1.3:1Fail
3.8:1AA18
2.3:1Fail

Similar palettes

More like Autumn Bonfire Blaze

View all warm
Autumn Apple Basket
Crimson Ember Blaze
Crisp Autumn Foliage
Fall Foliage Inferno
Amber Spice Blend
Ancient Spice Route