Palette

Lava Flow Inferno

A molten cascade of deep reds, oranges, and fiery yellows, reflecting the intense power of a volcanic eruption.

warmenergetic5 colors

More warm palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Lava Flow Inferno 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 Lava Flow Inferno.

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

Data visualization

#330000#800000#CC3300#FF6600#FFCC00

Palette guide

How to use Lava Flow Inferno

Overview

The Lava Flow Inferno palette is a molten cascade of deep reds, oranges, and fiery yellows, reflecting the intense power of a volcanic eruption. This energetic collection, featuring dramatic shades like the deep #330000, the vibrant #CC3300, and the explosive #FFCC00, is perfect for designers and developers aiming to convey raw power, intensity, and excitement. It offers a gradient of warmth, from smoldering darks to brilliant, eye-catching lights, providing versatility for high-impact visual statements. This palette is excellent for projects requiring an energetic and unforgettable aesthetic.

Best used for

High-energy gaming platforms
Warning and alert systems
Sports team branding
Action-movie posters and titles
Event promotion and marketing
Food and beverage (spicy themes)

Suggested color roles

primary

Designate #330000 as the foundational color for backgrounds or main structural elements, providing deep contrast.

secondary

Use #800000 for supporting content areas, large headings, or to add depth to UI elements.

accent

Apply #FFCC00 as a powerful accent for calls-to-action, alerts, or key interactive elements to maximize impact.

background

Employ #330000 for a dramatic, immersive background that enhances the fiery elements.

text

White or #FFCC00 offers optimal readability for text against the darker reds like #330000 or #800000.

Accessibility notes

White or #FFCC00 text provides excellent contrast on the darker shades like #330000 and #800000.
Be cautious using #CC3300 or #FF6600 for small text on mid-tone backgrounds due to potential readability issues.
Ensure sufficient contrast for all text, especially when using warmer colors on other warm backgrounds.
Use #FFCC00 for critical information or interactive elements to ensure visibility.

Recommended combinations

Molten Core

Ideal for primary branding, dark mode interfaces, and dramatic headers, conveying intense energy.

#330000 · #800000 · #FFCC00

Fiery Burst

Perfect for alerts, interactive elements, or gradients that simulate a dynamic, flowing lava effect.

#CC3300 · #FF6600 · #FFCC00

Inferno Gradient

Creates dynamic backgrounds, impressive hero sections, or visual storytelling elements.

#330000 · #CC3300 · #FF6600

CSS variables

:root {
  --lava-flow-inferno-1: #330000;
  --lava-flow-inferno-2: #800000;
  --lava-flow-inferno-3: #CC3300;
  --lava-flow-inferno-4: #FF6600;
  --lava-flow-inferno-5: #FFCC00;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "lava-flow-inferno": {
        1: "#330000",
        2: "#800000",
        3: "#CC3300",
        4: "#FF6600",
        5: "#FFCC00",
      }
    }
  }
}

Hex values

Color 1#330000

Color 2#800000

Color 3#CC3300

Color 4#FF6600

Color 5#FFCC00

Accessibility

Contrast checker

1.7:1Fail

3.5:1AA18

6.3:1AA

12.2:1AAA

1.7:1Fail

2.1:1Fail

3.7:1AA18

7.2:1AAA

3.5:1AA18

2.1:1Fail

1.8:1Fail

3.4:1AA18

6.3:1AA

3.7:1AA18

1.8:1Fail

1.9:1Fail

12.2:1AAA

7.2:1AAA

3.4:1AA18

1.9:1Fail

Similar palettes

More like Lava Flow Inferno

Erupting Volcanic Heat

Magma Eruption Glow

Molten Core Fury