Back to palettes

Palette

Lava Tube Glow

Deep, fiery reds and oranges capturing the intense, smoldering glow from inside a lava tube.

warmdark5 colors
More warm palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Lava Tube Glow 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 Tube Glow.

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

Data visualization

#4A0F0D#7E1C15#BE3B2C#F46F4C#A62E1F

Palette guide

How to use Lava Tube Glow

Overview

The Lava Tube Glow palette features deep, fiery reds and oranges, capturing the intense, smoldering glow from inside a lava tube. This dramatic collection, featuring profound reds like #4A0F0D and #7E1C15, accented by the vibrant #F46F4C, is perfect for designers and developers aiming to convey raw heat, mystery, and an immersive, dark energy. It offers a progression from deep, smoldering tones to brilliant, eye-catching highlights, providing versatility for high-impact visual statements. This palette is excellent for projects requiring an intense, dark, and energetic aesthetic.

Best used for

  • Gaming interfaces and fantasy themes
  • Dramatic brand identities
  • Horror and sci-fi media design
  • Warning systems and alerts
  • Cinematic title sequences
  • High-impact digital art

Suggested color roles

primary

Use #4A0F0D as the foundational color for backgrounds or main structural elements, providing deep contrast.

secondary

Employ #7E1C15 for supporting content areas, large headings, or to add depth to UI elements.

accent

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

background

Utilize #4A0F0D for a dramatic, immersive background that enhances the fiery elements.

text

White or a very light grey ensures optimal readability for text against the darker reds like #4A0F0D or #7E1C15.

Accessibility notes

  • White or light grey text provides excellent contrast on the darker shades like #4A0F0D and #7E1C15.
  • Be cautious using #BE3B2C on #A62E1F for small text due to potentially low contrast.
  • Ensure sufficient contrast for all text, especially when using similar red-orange tones together.
  • Reserve #F46F4C for accents or large headings to ensure it stands out effectively.

Recommended combinations

Core Glow

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

#4A0F0D · #7E1C15 · #F46F4C

Molten Veins

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

#BE3B2C · #F46F4C · #A62E1F

Tube Depths

Creates powerful headers, background patterns, or visual storytelling elements with an eerie glow.

#4A0F0D · #BE3B2C · #A62E1F

CSS variables

:root {
  --lava-tube-glow-1: #4A0F0D;
  --lava-tube-glow-2: #7E1C15;
  --lava-tube-glow-3: #BE3B2C;
  --lava-tube-glow-4: #F46F4C;
  --lava-tube-glow-5: #A62E1F;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "lava-tube-glow": {
        1: "#4A0F0D",
        2: "#7E1C15",
        3: "#BE3B2C",
        4: "#F46F4C",
        5: "#A62E1F",
      }
    }
  }
}

Related searches

lava tube color palettefiery red orange hexdark volcanic designintense glow color schemedramatic warm theme colors

Palette colors

Hex values

Color 1#4A0F0D
·
Color 2#7E1C15
·
Color 3#BE3B2C
·
Color 4#F46F4C
·
Color 5#A62E1F
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.5:1Fail
2.8:1Fail
5.3:1AA
2.2:1Fail
2
1.5:1Fail
1.9:1Fail
3.5:1AA18
1.5:1Fail
3
2.8:1Fail
1.9:1Fail
1.9:1Fail
1.3:1Fail
4
5.3:1AA
3.5:1AA18
1.9:1Fail
2.4:1Fail
5
2.2:1Fail
1.5:1Fail
1.3:1Fail
2.4:1Fail

Similar palettes

More like Lava Tube Glow

View all warm
Volcanic Glow
Erupting Volcanic Heat
Magma Eruption Glow
Martian Desert Dream
Terra Ember
Volcanic Ember Glow