Back to palettes

Palette

Erupting Volcanic Heat

Explosive reds, oranges, and deep browns capture the raw, fiery power and intense heat of an active volcano.

warmenergetic5 colors
More warm palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Erupting Volcanic Heat 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 Erupting Volcanic Heat.

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

Data visualization

#330000#8B0000#CC5500#FF8C00#FFB000

Palette guide

How to use Erupting Volcanic Heat

Overview

The "Erupting Volcanic Heat" palette captures the raw, fiery power of an active volcano with its intense progression of warm hues. From the deep, smoldering #330000 and rich #8B0000, through the glowing #CC5500, to the vibrant #FF8C00 and bright #FFB000, this palette is perfect for designs that demand energy, passion, and a sense of natural power. It evokes molten lava, scorching deserts, or dramatic sunsets, providing a gradient that can build from subtle warmth to an explosive climax. Ideal for conveying intensity and dynamic heat.

Best used for

  • Action-adventure game environments
  • Sports team branding or merchandise
  • Dramatic film posters or theatrical sets
  • Spicy food product packaging
  • Event branding for high-energy festivals
  • Warning or danger indicators in industrial design

Suggested color roles

primary

#CC5500 (Burnt Orange) - Excellent for main headings, call-to-action buttons, or key graphical elements to convey warmth and energy.

secondary

#FF8C00 (Dark Orange) - Use for supporting elements, subheadings, or backgrounds where a bright, yet intense warmth is desired.

accent

#FFB000 (Golden Yellow) - Perfect for highlights, small interactive elements, or to simulate a glowing effect, adding a touch of intense luminosity.

background

#330000 (Deep Maroon) - Provides a strong, grounding base that allows the brighter, fiery colors to truly erupt and stand out.

text

#8B0000 (Dark Red) - Suitable for impactful titles or decorative text on lighter backgrounds. For body text, use a near-white or light gray for optimal readability against darker hues.

Accessibility notes

  • Ensure sufficient contrast when pairing lighter yellows/oranges with #330000 or #8B0000 for text.
  • Avoid using #CC5500 on #FF8C00 for small text due to potential low contrast.
  • Test color combinations for readability, especially for users with color vision deficiencies.
  • The intensity of these colors can be overwhelming; balance with ample negative space or darker tones for calmer areas.

Recommended combinations

Molten Flow

Creates a deep, smoldering effect, ideal for backgrounds or large sections that need a sense of depth and underlying heat.

#330000 · #8B0000 · #CC5500

Fiery Burst

Excellent for highlights, call-to-action elements, or areas needing to convey immediate, intense energy and brightness.

#FF8C00 · #FFB000 · #CC5500

Inferno Gradient

Perfect for creating a gradient effect that transitions from deep red to bright yellow, simulating heat or light sources.

#8B0000 · #CC5500 · #FFB000

CSS variables

:root {
  --erupting-volcanic-heat-1: #330000;
  --erupting-volcanic-heat-2: #8B0000;
  --erupting-volcanic-heat-3: #CC5500;
  --erupting-volcanic-heat-4: #FF8C00;
  --erupting-volcanic-heat-5: #FFB000;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "erupting-volcanic-heat": {
        1: "#330000",
        2: "#8B0000",
        3: "#CC5500",
        4: "#FF8C00",
        5: "#FFB000",
      }
    }
  }
}

Related searches

volcanic color schemefiery red orange palettemolten lava colorsintense warm gradienthot earth tones

Palette colors

Hex values

Color 1#330000
·
Color 2#8B0000
·
Color 3#CC5500
·
Color 4#FF8C00
·
Color 5#FFB000
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.8:1Fail
4.3:1AA18
7.9:1AAA
10:1AAA
2
1.8:1Fail
2.3:1Fail
4.3:1AA18
5.5:1AA
3
4.3:1AA18
2.3:1Fail
1.8:1Fail
2.4:1Fail
4
7.9:1AAA
4.3:1AA18
1.8:1Fail
1.3:1Fail
5
10:1AAA
5.5:1AA
2.4:1Fail
1.3:1Fail

Similar palettes

More like Erupting Volcanic Heat

View all warm
Lava Flow
Magma Eruption Glow
Ember Sky
Molten Earth Core
Sunset Prairie Wildfire
Volcanic Ember Glow